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 e Duplique o tema principal.

2- Acesse o botão Editar HTML (na cópia que foi gerada).

3- 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 %}
mceclip0.png
Exemplo de exibição do selo e do banner:
Selo1.png
Boas Vendas
Equipe Tray.
Tray 
Tem mais dúvidas? Envie uma solicitação

Comentários

  • iara martins pereira
    0

    Pode colar o código do banner e do selo em qualquer numero daqueles a esquerda na tela preta do produto? e depois é só salvar não precisa clicar em publicar?

    Ações de comentário Permalink
  • Nathan Castro
    0

    Iara vc tem que colocar acima do preço, pois assim ficará como está na imagem. E sim, vc precisa publicar o tema

    Ações de comentário Permalink
  • Eduardo Laubestein
    0

    Coloquei nos lugares certos, mas apareceu isso. Preciso fazer mais alguma configuração?

    Ações de comentário Permalink
  • Nathan Castro
    0

    Eduardo, vc deve tirar do código a chama //chamada banner e //chamada do selo.

    Nesse exemplo é da minha loja, eu editei algumas coisas, mas retirei a chamada.

    E caso vc não for usar a imagem do Banner, não precisa colocar o código.

    Ações de comentário Permalink
  • Eduardo Laubestein
    0

    Fiz isso, apareceu apenas escrito, mas não "selo" igual ao mostrado no exemplo deste artigo.

    Ações de comentário Permalink
  • Nathan Castro
    0

    Dá uma olhada nesse artigo e vê se está mais explicativo.

    https://traydevelopers.zendesk.com/hc/pt-br/articles/360032355874-Banner-desconto-progressivo

     

    Me manda o print de como está seu código pfvr

    Ações de comentário Permalink
  • Eduardo Laubestein
    0

    Coloquei conforme ter nesse site e ficou assim

    E aqui ficou assim

     

    Ações de comentário Permalink
  • W&S Soluções - Julio (Cel 41 9 9941-6966)
    0

    A Tray só esquece que para o mobile, precisa de um banner em outro tamanho e formato.

    Ações de comentário Permalink

    Artigos nessa seção

    Desenvolvido por Zendesk