Botão comprar

Botão para adicionar o produto no carrinho de compras.

📘

tag: product_buybutton
componente: ProductBuyButtonComponent
diretório: product.buybutton
template: wd.product.buybutton.template
jsHandler: ProductBuyButton

Recomenda-se o uso em conjunto com o widget product_notifymewhenavailable (botão “Avise-me quando chegar” para produtos indisponíveis) e com o product_uponrequest ( botão “Consultar” para produtos sob-consulta).

Exemplo de uso

{% capture jsoptions %}
    { "productId":"{{ Product.ProductID }}" }
{% endcapture %}

{% product_buybutton(
  jsoptions:jsoptions,
  TextBuyLabel=”Comprar”
) with Context DependsOn:Product %}

jsonoptions: informa o ID do produto ao “options” do widget.
DependsOn: contexto do qual o widget depende.

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

ButtonBuyAvailable

Botão comprar ativo

Boolean

true

ButtonOneClickBuyAvailable

Compra com 1 click ativa

Boolean

ButtonOneClickBuyLoginInModal

Habilitar o login em uma modal na Compra com 1 click

Boolean

false

OneClickBuyProvider

Provider da Compra com 1 click

Lista de opções:
braspag, payu, pagarme

UIMustValidated

Validar interface

Boolean

TextOneClickBuy

Botão: Compre com 1 click

Texto

Compre com 1 click

TextOneClickBuyWarning

Mensagem: Obs

Texto

Obs.: você precisa ter um cartão de crédito salvo

TextOneClickBuyLoading

Mensagem: Comprando...

Texto

Comprando...

TextLoginTitle

Mensagem: Logue-se

Texto

Logue-se para comprar

TextLoginEmail

Mensagem: E-mail

Texto

E-mail:

TextLoginPassword

Mensagem: Senha

Texto

Senha:

TextLoginForgot

Mensagem: Esqueci

Texto

Esqueci minha senha?

TextOneClickBuyDisabled

Mensagem: Compre com 1 click desabilitado

Texto

A compra com 1 click está desabilitada.

TextAccountLink

Mensagem: Acesse sua conta (link)

Texto

Acesse sua conta

TextAccountText

Mensagem: Acesse sua conta (mensagem)

Texto

para comprar com um clique

TextBuyLabel

Mensagem: Comprar

Texto

Comprar

TextBuyLabelPreOrder

Mensagem: Comprar Pré-Venda

Texto

Comprar Pré-Venda

TextEditLabel

Mensagem: Atualizar

Texto

Atualizar

TextAddingToCart

Mensagem: Adicionando...

Texto

Adicionando ao carrinho.

TextAddingToCartClickHere

Mensagem: Adicionado...Clique aqui

Texto

Clique aqui

TextAddingToCartInCase

Mensagem: Adicionado...caso não seja...

Texto

caso você não seja redirecionado.

TextReadMore

Texto para mais informações sobre o OneClickBuy

Texto

Saiba mais

UrlReadMore

URL com mais informações sobre o OneClickBuy

Texto

/conteudo/one-click-buy-saiba-mais

BasketInModal

Mensagem: Abrir modal após adicionar produto no carrinho

Boolean

false

CallbackModalAjax

Retorno será requisitado via ajax?

Boolean

false

SellerModalTemplate

Template da modal de escolha de seller

Texto

wd.product.buybutton.seller.modal.template

GiftCertificateModalTemplate

Template da modal de dados do vale-presente

Texto

wd.product.buybutton.gift.certificate.modal.template

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.

Principais eventos

product/selectvariation: Abre a modal de seleção de variação do produto. O link do produto é indicado no parâmetro url, já o identificador é informado no parâmetro productID.

basket/add: adiciona o produto no carrinho de compras. O parâmetro params envia o formulário serializado, o parâmetro redirectTo indica para qual URL o usuário deve ser direcionado após o produto ser adicionado, já o urlBasket indica o URL do carrinho de compras.

Todos os eventos

'basket/error', { errors }
'basket/add', { params, redirectTo, urlBasket }
'browsingModal/closeModal/', {}
'product/selectvariation', { productID, url }
'product/payment/term/check', form
'/wd/buybutton/sellermodal/selected/' + productID
'browsingModal/centerModal/'
'/wd/buybutton/sellermodal/buy/' + productID, { selectedSeller }
'/wd/buybutton/giftcertifictemodal/open/' + productID, {}
'/wd/buybutton/sellermodal/open/' + productID, {}
'/login/showlogin', { widget, cb (function) }
'/wd/product/oneclickbuy/changed/' + productID, { widget, state, isValid: validModel }
'basket/error'
'/wd/product/variation/changed/' + productID
'/wd/product/buygrid/isactive'
'/wd/buybutton/mustvalidated/' + productID
'/wd/buybutton/clearskuid/' + productID
'/wd/buybutton/setskuid/' + productID
'/wd/buybutton/formdata/' + productID
'/wd/product/variation/optionslist/init/' + productID
'/wd/buybutton/set/submithandler/' + productID
'/wd/buybutton/sellermodal/selected/' + productID
'/login/success'
'/wd/product/oneclickbuy/changed/' + productID

🚧

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?