Simulador de frete

Exibe no detalhe do produto um campo para consultar as opções de entrega disponíveis para o CEP informado. O resultado pode ser exibido em formato de modal ou logo após o formulário.

📘

tag: product_deliveryfee
componente: DeliveryFee
diretório: product.deliveryfee
template: wd.product.deliveryfee.template
jsHandler: “”

Exemplo de uso

{% product_deliveryfee(
  ShowField="true",
  PostalCode="Calcule seu frete",
  TextPostalCodeCalculate="Ok",
  Placeholder="CEP",
  ForceDisplay="false"
) %}
Exemplo de formulário para simular freteExemplo de formulário para simular frete

Exemplo de formulário para simular frete

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

TextDeliveryFeeTitle

Mensagem: Simular Frete

Texto

Simular Frete

TextDeliveryFee

Botão: Simular Frete

Texto

Simular Frete

PostalCode

Label do input

Texto

""

TextPostalCodeMessage

Mensagem: Informe seu CEP

Texto

Informe seu CEP abaixo para listar as formas de entrega disponíveis para o seu endereço:

TextCalcWarning

Mensagem: Aviso

Texto

O calculo do frete é feito para uma variação do produto.

TextPostalCode

Mensagem: CEP

Texto

CEP:

TextPostalCodeCalculateTitle

Mensagem: Calcule o frete

Texto

Calcule o frete

TextPostalCodeCalculate

Mensagem: Calcular

Texto

Calcular

TextDeliveryNotFound

Mensagem: Forma de entrega não encontrada

Texto

Não foi possível encontrar nenhuma forma de entrega para este CEP!

TextTableName

Mensagem: Nome

Texto

Nome

TextTablePrice

Mensagem: Preço

Texto

Preço

TextTableETA

Mensagem: Prazo de Entrega

Texto

Prazo de Entrega

TextTableFree

Mensagem: GRÁTIS

Texto

GRÁTIS

TemplateResult

Template do resultado

Texto

wd.product.deliveryfee.result.template

modalWidth

Largura da modal

Texto

550

modalHeight

Altura da modal

Texto

210

WidthResultModal

Largura da modal de resultado

Texto

500

ForceDisplay

Força a exibição mesmo que o produto não seja entregável (IsUndeliverable)

Boolean

false

ShowField

Exibir campo fora da modal

Boolean

false

Eventos

Publish

'/wd/product/deliveryfee/submit', { widgetElement, html, urlToAjax }

Subscribe

'/product/price'
'/wd/product/variation/changed/' + productID

📘

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.

❗️

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?