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 frete
Parâmetros
Nome | Descrição | Tipo | Valor padrão |
TextDeliveryFeeTitle | Mensagem: Simular Frete | Texto | Simular Frete |
TextDeliveryFee | Botão: Simular Frete | Texto | Informe seu CEP abaixo para listar as formas de entrega disponíveis para o seu endereço: |
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 cálculo 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.