Carrinho de compras
tag: checkout_basket
componente: BasketComponent
diretório: checkout.basket
template: wd.checkout.basket.template
jsHandler: ""
É composto pelos seguintes widgets:
checkout_basket_buttons: Botões limpar carrinho, continuar comprando, compra com 1 click, pagar com paypal e finalizar compra
checkout_basket_discount_progressive: Desconto progressivo
checkout_basket_grid: Grid de produtos
checkout_basket_gift : Brindes
checkout_basket_product_terms: Termos de pagamento
checkout_basket_discount: Desconto (cupons, vales-compra)
profile_loyalty_card: Cartão fidelidade
checkout_basket_deliveryoptions: Meios de entrega
Exemplo de uso
{% capture jsonoptions %}
{
datasource: {
Response: {{ response | json }}
}
}
{% endcapture%}
{% checkout_basket(
jshandler="basket",
jsoptions:jsonoptions,
IsOneClickBuyButtonAButton=true,
CheckoutBasketDiscountTextCalcDiscount="Inserir",
CheckoutBasketDeliveryoptionsTextCalcShipping="Calcular"
) with context Upsell:Model.Upsells %}
jsonoptions: informa o response da rota ao “options” do widget na estrutura esperada.
with context Upsell:Model.Upsells: indica para o widget que o contexto Upsel é referente ao objeto Model.Upsells
Atenção!
Por tratar-se de um widget sensível, não recomendamos sua clonagem e a customização de templates deve levar em consideração a necessidade de realizar a atualização manual desses templates sempre que a Linx Commerce lançar correções e melhorias, de forma a garantir o correto funcionamento do carrinho.
Ressaltamos que não nos responsabilizamos pelas customizações realizadas.
Parâmetros
Os parâmetros são utilizados para configurar o widget. Veja aqui a lista dos parâmetros globais.
Nome | Descrição | Tipo | Valor padrão |
|---|---|---|---|
TextTotal | Mensagem: Total | Texto | Total |
TextYourCartIs | Mensagem: Seu carrinho está | Texto | Seu carrinho está |
TextEmpty | Mensagem: Vazio | Texto | vazio |
TextGoBackTitle | Mensagem: Voltar (title) | Texto | Voltar à loja |
TextGoBack | Mensagem: Voltar | Texto | Voltar à loja |
DisplayShippingMethod | Mensagem: Exibir formas de entrega | Boolean | true |
MinQuantityPurchasable | Quantidade mínima de itens para compra (0 = sem limite mínimo) | Número | 0 |
DisplayCheckoutButton | Mensagem: Exibir botões (limpar carrinho, continuar comprando, finalizar compra) | Boolean | true |
DisplayCheckoutDiscount | Mensagem: Exibir opções de cálculo de desconto (cupom, vale-compra) | Boolean | true |
CheckoutBasketDiscountTextDiscount | Mensagem: Desconto | Texto | E-mail: |
CheckoutBasketDiscountTextCalcDiscount | Botão: Calcular desconto | Texto | Senha: |
CheckoutBasketDeliveryoptionsTextDelivery | Mensagem: Frete | Texto | Esqueci minha senha? |
CheckoutBasketDeliveryoptionsTextCalcShipping | Botão: Calcular frete | Texto | |
CheckoutBasketDeliveryoptionsTitle | Mensagem: Selecione o frete | Texto | Selecione abaixo uma das opções de frete: |
TextFooterSubtotal | Tabela: Subtotal (footer) | Texto | Subtotal: |
TextLoyaltyProgramSubtotal | Tabela: Você ganha (programa de pontos) | Texto | Você ganha: |
GiftShowPreviousRange | Brindes por faixa de valor: Exibir faixas de preço anteriores | Boolean | false |
GiftTextYouWon | Brindes por faixa de valor: Texto Você Ganhou! | Texto | Você Ganhou! |
GiftTextNextRange | Brindes por faixa de valor: Texto da próxima faixa de valor (VALUE = valor restante) | Texto | Compre + VALUE e escolha algum destes brindes |
GiftTextWithoutGift | Brindes por faixa de valor: Texto quando escolherem não receber brinde | Texto | Que pena! Você optou por não receber nenhum brinde |
GiftLabelWithoutGift | Brindes por faixa de valor: Label do checkbox para não receber brinde | Texto | Não desejo brinde |
GiftNextTabTitle | Brindes por faixa de valor: Título das próximas tabs (VALUE = valor restante dinâmico) | Texto | Por + VALUE |
ShowButtons | Exibir botões de remover caso exista produtos sem estoque. | Boolean | true |
WidgetVariableToShowMessages | Mostrar mensagem caso haja produtos sem estoque. | Boolean | true |
prefixYouChoose | Prefixo padrão: Você solicitou | Texto | Você solicitou |
sufixYouChoose | Sufixo padrão: mas só temos | Texto | mas só temos |
TextLoyaltyCard | Texto: Cartão fidelidade | Texto | Cartão fidelidade |
Eventos
Os eventos podem ser usados de três formas:
publish: dispara o evento
subscribe: escuta o evento
unsubscribe: deixa de escutar o evento, sendo que, neste caso, deve-se passar o mesmo callback informado no subscribe que deseja-se deixar de executar.
Publish
'/wd/checkout/basket/created', {}
urldaloja + 'checkout/basket/before/change', {}
urldaloja + 'checkout/basket/changed', {}
'checkout/basket/no/credits', { elem }
'browsingModal/closeModal/', {}
'browsingModal/centerModal/'
'checkout/basket/put/message', { elem }
'/wd/browsing/context/refresh', { page, common }
'/checkout/bascket/gift/list/loaded', { currentTab }
'/Page/Response', response
'/wd/checkout/basket/gift/remove', { basketItemID }
Subscribe
'/wd/checkout/basket/refresh', callback
'/wd/checkout/basket/refresh/model', callback
'checkout/basket/no/credits'
'checkout/basket/put/message'
'/wd/browsing/context/ready'
'checkout/basket/changed'
Evento "/wd/checkout/basket/refresh"
É disparado quando o carrinho é atualizado. Ao atualizar o carrinho, o template é sobrescrito. Por isso, algumas customizações feitas através de JavaScript precisam ser reaplicadas após este evento disparar.
Importante:
Os argumentos informados nos eventos são opcionais. Ao escutá-los (subscribe) é recomendado validar se o argumento existe antes de utilizá-lo, evitando erros na execução do script.
Updated 6 months ago