Elemento de título do produto

O que é um elemento de título de produto?

O processo de Elemento Título do Produto no GemPages é um elemento dinâmico que exibe automaticamente o título de um produto da sua loja Shopify.

Como adicionar o elemento Título do produto

Nota: O elemento só pode ser usado dentro do elemento Produto ou de Elemento da lista de produtos.

Passo 1: No editor do GemPages, abra a página onde você deseja adicionar o Título do Produto.

Passo 2: Se você já tem um Elemento de produto na sua página, você verá o Título do Produto incluído por padrão.

Passo 3: Para adicionar outro, abra a barra lateral esquerda, procure por Título do Produtoe arraste-o para o elemento Produto ou para o elemento Lista de produtos.

Passo 4: Coloque-o na posição desejada dentro do seu módulo de produto.

Assim que o elemento estiver na sua página, clique nele para abrir o Painel de configurações no lado esquerdo. O painel é composto por duas seções: Configurações e Avançado.

Configurar a guia Configurações

1. Fonte do produto

A Fonte do Produto garante que o Título do Produto esteja vinculado ao produto correto. Por padrão, o elemento extrai o título do Elemento de produto ao qual pertence. Dessa forma, o título exibido sempre corresponde ao produto na Shopify.

2. Estilos de texto

A seção Estilos de texto permite que você personalize a aparência do título do produto na sua página. 

Você pode:

• Estilos: Selecione um formato de texto predefinido, como Título ou Parágrafo.
• fonte: Escolha a família de fontes para o título do seu produto.
• Dimensões:: Ajuste o tamanho do texto para tornar o título mais proeminente ou sutil.
• Cor: Escolha uma cor para o texto do título.
• Alinhar: Alinhe o texto à esquerda, ao centro ou à direita.
• Peso da fonte: Controle a espessura do texto, de claro a extra-negrito.
• Altura da linha: Ajuste o espaçamento vertical entre as linhas de texto.
• Espaçamento entre Letras: Altere o espaçamento entre caracteres individuais.
• Transformam: Converta o texto para maiúsculas, minúsculas ou coloque somente a primeira letra de cada palavra em maiúscula.

3. Efeito

Você pode editar o estilo do título do produto ao passar o mouse.

4. Opção de exibição

Controle a quantidade de visibilidade do título do produto:

• Linha Máxima: Max liner: Número máximo de linhas em que o título do produto será exibido.

5. Link do produto

Habilite esta opção se desejar que o título do produto seja clicável. Quando ativada, clicar no título levará os clientes diretamente para a página de detalhes do produto na sua loja Shopify.

6. SEO

Otimize o título do seu produto para mecanismos de busca:

• Tag HTML: Selecione a tag apropriada (ex.: H1, H2 ou parágrafo) para melhorar a estrutura de SEO da sua loja. Por exemplo, usando H1 para o título principal do produto ajuda os mecanismos de busca a reconhecê-lo como um título primário.

Configurar a guia Avançado

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

Como alterar o título do produto?

Como o elemento Título do Produto é dinâmico, você não pode alterar o texto diretamente dentro do GemPages. Qualquer edição deve ser feita na sua loja Shopify.

Passo 1: Acesse seu Painel do Shopify. Vamos para Produtos e selecione o produto que deseja editar.

Passo 2: Altere o título do produto e clique em Economize.

Passo 3: Retorne para GemPages e escolha Sincronizar novamente. O título atualizado aparecerá no elemento Título do produto.