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.
Perceba que os selos variam de posição entre os temas Mercurius e Venus. No Mercurius, eles aparecem acima e abaixo das imagens dos produtos nas listagens. No Venus, eles aparecem sobrepostos à foto.
Esses selos são:
- Destaque: ativado no produto;
- Lançamento / Novidade: ativado no produto;
- Adicional: ativado no produto;
- Frete Grátis: ativado quando o produto tem apenas frete grátis;
- Desconto: mostra uma porcentagem de desconto quando há um preço promocional cadastrado.
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:
| Selo | Imagem |
|---|---|
| Selo Destaque | Destaque |
| Selo Lançamento | Lançamento |
| Selo Adicional | Botão Adicional |
| Frete Grátis | Frete 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.