Para que possa exibir o selo de desconto progressivo e também o banner promocional realizado ao desconto, é necessário que realize a configuração diretamente em seu layout.

Segue abaixo o passo a passo para configurar.

1- Acesse seu layout Minha loja > Design da loja

mceclip0.png

 

2- Duplique seu layout principal.

mceclip1.png

 

3- Acesse o botão Editar HTML

mceclip2.png

 

4- Acesse sua página de produto, categoria ou busca e adicione o código abaixo no local que irá apresentar o selo:

//Código para o Selo:

{% for key, discount in ProgressiveDiscounts %}
//chamada do selo (tag) e da descrição do desconto
   {% if discount.tag %}
      {{discount.tag}}
      {{discount.description}}
  {% endif %}
{% endfor %}

 

//Código para o Banner:

{% for key, discount in ProgressiveDiscounts %}
//chamada do banner
   {% if discount.banner %}
       <img src="{{ discount.banner }}"/>  
{% endif %}
{% endfor %}
Em nosso exemplo iremos inserir o selo acima do preço na página de produto:
mceclip3.png
Exemplo de exibição do selo e do banner:
mceclip4.png
Tray 
Tem mais dúvidas? Envie uma solicitação

Comentários

    Powered by Zendesk