Skip to content
This repository has been archived by the owner on Jun 23, 2022. It is now read-only.

Componente Opencode de compra diretamente na vitrine da loja

Notifications You must be signed in to change notification settings

tray-tecnologia/component-fast-buy

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 

Repository files navigation

fastBuy

Compra Rapida (Home)

example

Adicione o arquivo fastBuy.js a sua pasta js/modules, o arquivo fastBuy.html na pasta elements/snippets, e o arquivo fastBuy.css na pasta css.

Adicione ao arquivo default.html a chamada do script:

<link rel="stylesheet" href="{{ asset('css/fastBuy.css') }}" type="text/css">
<script type="text/javascript" src="{{ asset('js/modules/fastBuy.js') }}"></script>

Faça a chamada abaixo, no snippet de produto, onde deseja exibir o campo de quantidade.

{% element 'snippets/fastBuy' {"product": product} %}

Opções de data-attributes (quantidade)

Opções Descrição
data-app ="product.qty" Dispara a ação de acrescentar ou decrementar um produto
data-product ="{{ product.id }}" Deve trazer o id do produto.
id="qtd{{ product.id }}" O input deverá conter esse id para que o valor seja obtido corretamente.
data-action="minus" Decrementa 1 produto do Total
data-action="plus" Acrescenta 1 ao total de produtos

Opções de data-attributes (botão Comprar)

Opções Descrição
data-app="product.buy-button" Dispara a ação de adicionar ao carrinho
data-product ="{{ product.id }}" Deve trazer o id do produto.

About

Componente Opencode de compra diretamente na vitrine da loja

Resources

Stars

Watchers

Forks

Packages

No packages published