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 > Aparência da loja
2- Duplique seu layout principal.
3- Acesse o botão Editar HTML
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 %}
{{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 }}"/>
<img src="{{ discount.banner }}"/>
{% endif %}
{% endfor %}
Em nosso exemplo iremos inserir o selo acima do preço na página de produto:
Exemplo de exibição do selo e do banner: