Selos e rótulos que destacam produtos no catálogo
O módulo de Labels de Produtos do MageUp adiciona selos visuais sobre as imagens dos produtos nas páginas de categoria e de produto. Você cria quantos labels quiser, define onde aparecem, para quem são exibidos e por quanto tempo ficam ativos, tudo pelo admin, sem editar código ou template.
Cinco abas para configurar cada label
Acesse Catálogo › Product Labels › Add New Label no admin do MageUp para criar um novo rótulo. Cada label tem cinco abas de configuração.
Aba General
Define os dados principais do label: Status (Active/Inactive), Nome, Prioridade (0 = maior, 99 = menor), período de atividade (From/To), Visão de Loja e Grupos de Clientes. Há ainda a opção de ocultar labels de prioridade menor quando um de maior prioridade já está ativo no mesmo produto.
Aba Product Page
Configura a aparência do label na página do produto. Escolha entre texto simples, ou uma imagem personalizada. Defina a posição (9 opções: cantos, bordas e centro), o tamanho como porcentagem da imagem, a cor e o estilo do texto via CSS.
Aba Category Page
Oferece as mesmas opções da aba Product Page, mas para a exibição nas páginas de listagem e categoria. Você pode configurar o label de forma diferente para cada contexto. Por exemplo, um badge menor na listagem e um maior na página do produto.
Aba Product Conditions
Define em quais produtos o label aparece, usando lógica TODOS/QUALQUER de condições. As condições incluem atributos de produto, status Is New, status Sale, faixa de quantidade em estoque e status de estoque. Sem condição, o label vale para todo o catálogo.
Aba Tooltip
Adiciona um tooltip que aparece ao passar o mouse sobre o label. Você habilita ou desabilita o tooltip, define a cor de fundo e escreve o texto explicativo. O texto suporta as mesmas variáveis dinâmicas do label, como {SAVE_PERCENT} e {SAVE_AMOUNT}.
Múltiplos labels no mesmo produto
Mais de um label pode aparecer sobre o mesmo produto ao mesmo tempo. Por exemplo, um badge "Promoção" e outro "Frete Grátis" podem coexistir em posições diferentes da imagem. A opção de esconder labels de menor prioridade evita sobreposição indesejada quando necessário.
Variáveis dinâmicas no texto do label
Em vez de um texto fixo, você pode usar variáveis que se atualizam automaticamente com os dados do produto. O resultado é um label personalizado para cada item do catálogo.
{SAVE_PERCENT}
Exibe o percentual de desconto entre o preço regular e o preço especial do produto. Por exemplo, o texto "Economize {SAVE_PERCENT}%" vira "Economize 30%" para um produto com 30% de desconto. Cada produto mostra seu próprio percentual.
{SAVE_AMOUNT}
Mostra a diferença em valor absoluto entre o preço regular e o preço especial. Um label com o texto "Poupe {SAVE_AMOUNT}" exibe o valor real economizado em cada produto, como "Poupe R 50,00".
{ATTR:code}
Exibe o valor de qualquer atributo do produto. Substitua code pelo código do atributo. Por exemplo, {ATTR:manufacturer} mostra o fabricante do produto, e {ATTR:color} mostra a cor. Útil para labels de marca ou características específicas.
{STOCK}
Mostra a quantidade em estoque do produto, disponível apenas nas páginas de produto (não na listagem). Use para criar urgência: um texto como "Restam {STOCK} unidades" exibe o número real de itens disponíveis para cada produto.
{SPDL} e {SPHL}
{SPDL} exibe os dias restantes para o preço especial expirar, e {SPHL} mostra as horas. Crie labels como "Promoção por mais {SPDL} dias" para transmitir urgência com dados reais de cada produto.
{PRICE}, {SPECIAL_PRICE}, {SKU}
{PRICE} exibe o preço regular, {SPECIAL_PRICE} o preço promocional e {SKU} o código do produto. A variável {NEW_FOR} mostra quantos dias o produto está no catálogo, útil em labels de lançamento.
Comportamentos e controles avançados
Além da criação visual, o módulo oferece controles precisos sobre quando, onde e para quem cada label é exibido.
Prioridade entre labels
O campo Prioridade controla qual label aparece quando vários estão ativos no mesmo produto:
- Prioridade 0 é a mais alta; 99 é a mais baixa.
- A opção de ocultar labels de menor prioridade evita sobreposição indesejada.
- Múltiplos labels em posições diferentes podem coexistir sem conflito.
- A ordem de renderização segue a prioridade quando as posições são idênticas.
Período de atividade com datas
Os campos From e To da aba General controlam quando o label é exibido:
- Fora do período definido, o label some automaticamente sem intervenção manual.
- Ideal para labels de Black Friday, Natal ou promoções com data de validade.
- Deixar o campo To em branco mantém o label ativo indefinidamente.
- Combina com o campo de Status para desativar manualmente quando necessário.
Segmentação por grupo de clientes
O campo Grupos de Clientes define para quais clientes o label é visível:
- Labels de "Preço VIP" ou "Exclusivo Atacado" aparecem só para os grupos certos.
- Visitantes não logados e clientes logados podem ver labels diferentes no mesmo produto.
- Combina com o escopo por Visão de Loja para lojas multimercado.
- Não requer criação de produtos duplicados nem regras de catálogo separadas.
Comportamento com produtos sem estoque
A configuração em Lojas › Configuração › Trezo › Product Labels controla o comportamento nos produtos esgotados:
- Ative "Se sem estoque, exibir apenas o label Out of Stock" para suprimir outros badges.
- Escolha um label padrão específico para produtos fora de estoque.
- Evita que um badge "Em Promoção" apareça sobre um produto que não tem estoque.
- O comportamento é configurável por store view.
Labels de produtos no painel MageUp
Crie e gerencie todos os labels em Catálogo › Product Labels, com visualização prévia antes de publicar.
Imagem personalizada
Faça upload de uma imagem personalizada. O módulo suporta formato WebP, além dos formatos tradicionais. Para texto sem fundo, o formato texto simples com CSS customizado oferece total liberdade visual.
9 posições sobre a imagem do produto
As posições disponíveis cobrem toda a grade da imagem: Top Left, Top Center, Top Right, Middle Left, Middle Center, Middle Right, Bottom Left, Bottom Center e Bottom Right. Com múltiplos labels em posições diferentes, o produto pode ter vários badges simultâneos sem sobreposição.
DOM Selector configurável
Em Lojas › Configuração › Trezo › Product Labels, os campos Product Page Label Container e Category Page Label Container aceitam seletores CSS personalizados. Isso permite posicionar os labels dentro de qualquer elemento do template da loja, mesmo com temas customizados.
Com o MageUp, o módulo de Labels de Produtos está disponível para criar selos e rótulos diretamente no admin. Defina condições, use variáveis dinâmicas para personalizar o texto de cada produto, controle prioridade e período de exibição, e mostre badges diferentes para grupos de clientes distintos, tudo sem editar código.
COMECE AGORA!