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.


Did this page help you?