Elemento de etiqueta de desconto

Sobre o elemento Discount Tag

O processo de Etiqueta de desconto é um elemento filho do Módulo de Produto no GemPages. Sua principal função é exibir o desconto aplicado a um produto, seja em porcentagem (%) ou em valor (por exemplo, US$ 10 de desconto). Isso é especialmente útil para lojas que realizam liquidações, ofertas por tempo limitado ou exibem quedas de preço visualmente.

Casos de uso típicos:

• Mostrar % de desconto ao lado do preço de venda
• Destaque as economias nas listas de produtos
• Exibir informações de desconto em páginas de destino ou páginas de coleção

Como adicionar o elemento Discount Tag à sua página?

Como faz parte do Módulo de Produto, a Tag de Desconto deve ser colocada dentro do módulo para funcionar corretamente.

Configuração recomendada: Exibição com preço do produto e preço comparado

Siga estas etapas para adicionar um elemento de etiqueta de desconto à sua página usando o GemPages Editor v7.

Etapa 1: No Painel GemPages, selecione sua página para trabalhar e entre no Editor. Se você não tiver uma Módulo de Produto, arraste e solte um na sua página. 

Etapa 2: Coloque um elemento Row no local desejado e divida-o em três colunas. Em Largura da coluna, selecione “Ajustar ao conteúdo. "

Etapa 3: Coloque o Product Price na primeira coluna, seguido pelo Compared Price na segunda coluna. A Discount Tag deve ser colocada na última coluna. 

Clicando no elemento Discount Tag, você notará a configuração de configurações exibida na barra lateral esquerda. Ela consiste em duas abas principais: Configurações e Avançado. 

Configurar a guia Configurações

Tipo – Conteúdo

Você tem a opção de exibir o valor economizado ou a porcentagem do seu produto. No Conteúdo seção, insira a tag que você deseja exibir.

Tenha em mente que a moeda refletirá sua Administrador do Shopify. Se desejar modificar o formato, você pode fazê-lo acessando Administração do Shopify > Configurações.

Texto

Sessão de Fotos: Selecione um estilo para o texto entre os estilos pré-determinados disponíveis.

fonte: Escolha a fonte para seu rótulo de texto no menu suspenso. Caso queira usar outras fontes, confira como usar uma fonte personalizada clique aqui.

tamanhos: Determine seu tamanho de fonte preferido.

Cor: Escolha uma cor na paleta ou insira o código hexadecimal da cor. 

Clique no “Mostrar mais” botão para revelar mais opções de personalização. 

Peso da fonte: Escolha a espessura de fonte desejada no menu suspenso fornecido.

Altura da linha: Ajuste a altura do texto especificando um valor percentual.

Espaçamento entre Letras: Modifique o espaçamento entre as letras inserindo um valor em pixels.

Transformação de texto: Transforme o texto em maiúsculas, minúsculas ou em caixa alta, conforme desejado.

Cor de fundo

Escolha uma cor na paleta ou insira o código de cor hexadecimal para a cor de fundo da etiqueta de desconto. 

Fronteira

Fronteira: Defina a aparência da borda da sua tag selecionando a cor, o estilo e a posição da borda.

Corner: Insira o valor desejado na caixa fornecida para obter a curvatura de borda desejada.

Dimensões:

Escolha um tamanho no menu suspenso ou personalize o tamanho da sua tag clicando no botão de três pontos.

Alinhar

Este parâmetro permite que você determine como o elemento é posicionado na sua página. Há três opções para escolher: alinhado à esquerda, centralizado e alinhado à direita.

Configurar a guia Avançado

Para uma personalização mais avançada, navegue até o Guia Avançado e siga as instruções em Este artigo.

Perguntas Frequentes

1. Por que a etiqueta de desconto não está aparecendo?

Certificar-se:

• A etiqueta de desconto é colocada dentro um módulo de produto
• O produto possui um Preço e uma Preço Comparado definido no Shopify. Se nenhum preço comparável for definido, o desconto não poderá ser calculado.

2. Posso usar a etiqueta de desconto na lista de produtos?

Sim, você pode arrastar a etiqueta de desconto para o Lista de Produtos elemento para mostrar descontos em coleções ou landing pages.

3. Posso alterar o formato de exibição do desconto (por exemplo, mostrar “Economize $ 10” em vez de “-10%”)?

Sim. Na configuração "Tipo", escolha entre Valor ou Porcentagem e personalize o texto de acordo.

4. O desconto está sendo de 0%, o que devo fazer?

Verifique novamente a configuração do seu produto Shopify:

• O preço comparado deve ser superior do que o preço.
• Ambos os campos devem ser preenchidos para que o desconto seja calculado corretamente.

5. Posso estilizar a tag de forma diferente para visualização em dispositivos móveis?

Sim, usando as configurações responsivas do GemPages, você pode ajustar o tamanho, o alinhamento ou a visibilidade por dispositivo.