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

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:\nbraspag, 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
 
UrlReadMore
 		URL com mais informações sobre o OneClickBuy
 		Boolean
 		false
 
BasketInModal
 		Mensagem: Abrir modal
 		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.


  • Sem rótulos