Selos

Os produtos de sua loja podem ser destacados por selos que indicam condições especiais desses produtos, e permitem que você os filtre, criando vitrines especiais para essas condições.

Imagem exibindo os selos na pagina do produto, do tema Mercurius.
Selos na Página do Produto
Imagem exibindo os selos do produto na vitrine, do tema Mercurius.
Selos na listagem do Produto

Esses selos são:

No painel do tema é possível configurar selos do tipo HTML, definir as cores de texto e de fundo dos selos. Ou, se preferir, poderá cadastrar imagens (inclusive GIFs) para representar os selos dos produtos.

A configuração dos selos no tema pode ser encontrado em Páginas >> Categorias e Busca >> Selos.

Para os selos “Lançamento”, “Frete Grátis“, “Destaque” e “Adicional”, você encontrará os seguintes campos de configurações:

  • Texto do selo: também serve como “alt” da imagem do selo, caso a imagem seja cadastrada pelo painel do tema;
  • Cor do texto do selo;
  • Cor do fundo do selo;
  • Selo em imagem: pode ser cadastrado imagem (inclusive GIF). Ao utilizar este campo, a imagem substituirá o selo em HTML (padrão).

Para o selo “Selo de Desconto” você encontrará os seguintes campos de configurações:

  • Cor de fundo do Selo de Desconto: se sobrepõe à cor primária nesse caso;
  • Cor de texto do Selo de Desconto.

Observação: O “Selo de Desconto” não possui configurações de texto e imagem, pois seu conteúdo é gerado automaticamente pelo cálculo de desconto do produto.

Além de configurar imagens para os selos dos produtos no painel do tema, é possível cadastrar imagens para os selos utilizando o painel administrativo da Tray, para isso, acesse Minha Loja >> Aparência da loja >> Editar Imagens Padrões, conforme indicado neste artigo da Tray: Selos de Produtos – Destaque, Lançamento e Adicional

Segue uma tabela indicando qual imagem corresponde a cada selo:

SeloImagem
Selo DestaqueDestaque
Selo LançamentoLançamento
Selo AdicionalBotão Adicional
Frete GrátisFrete Grátis
Desconto

Observação: recomendamos cadastrar selos com 90px 25px.

Selo Desconto Progressivo

Além dos selos acima, existem também os selos de desconto progressivo. Você pode obter mais informações sobre o funcionamento e personalização dos selos de desconto progressivo aqui.

Este artigo foi útil para você? Sim Não