Elemento do produto

O que é um elemento de produto no GemPages?

O processo de Elemento do produto é um elemento essencial, permitindo que você adicione qualquer produto do Shopify ao GemPagesCom a introdução do Editor v7, há mudanças notáveis ​​em comparação com a versão anterior.

Abaixo, você encontrará informações detalhadas sobre essas atualizações importantes. 

Para usar o elemento Produto:

• Abra o Painel GemPages e clique na página de destino para abri-la no editor.
• Na barra lateral esquerda, localize o Elemento do produto sob a elementos abaVocê pode usar a barra de pesquisa para encontrar esse elemento rapidamente.
• Escolha o layout do produto de sua preferência e então arraste e solte Mova o elemento para a posição desejada na sua página.

Elementos filhos

O elemento Produto inclui diversos elementos filhos que ajudam a exibir diferentes atributos do produto. Estes são: deve ser colocado dentro do elemento para funcionar corretamente. Os elementos filho disponíveis incluem:

• Emblema do produto
• Imagem do produto
• Etiqueta de desconto
• Título do Produto
• Descrição do Produto
• Preço do produto
• Quantidade de produto
• Variantes e amostras de produtos
• Fornecedor do produto
• Produto SKU
• Desconto em pacote de produtos
• Adicionar ao Carrinho
• Ver mais produtos
• Check-out Dinâmico
• Upload de arquivo de produto

Observação: Os detalhes do produto são extraídos diretamente da sua loja Shopify. Para editar as informações do produto, vá para Administrador do Shopify > Produtos, selecione o produto e atualize seus detalhes.

Configurar a guia Configurações

Sob o Configurações guia, você verá parâmetros eficazes para ajustar a aparência do conteúdo para a melhor taxa de conversão possível.

traçado

Sob o traçado Nesta seção, selecione o layout preferido que seu produto exibirá: horizontal or vertical.

Além disso, no painel de configurações expandido, você pode rearranjar, duplicar, ou delete a coluna abaixo do Ordem da coluna.

Debaixo Largura da colunaVocê pode alterar a largura para ajustar ao conteúdo ou alterar a proporção.

Fonte do produto

No modelo de página do produto

Se a sua página for uma página de produto, você pode alterar a origem do produto a partir de duas opções.: Exibir por produto atribuído or Escolha Manualmente.

• Exibir por produto atribuído

Ao selecionar a opção de exibição por produto atribuído, o modelo atual será aplicado a todos os produtos atribuídos dinamicamente. O produto será selecionado aleatoriamente para ser exibido na página do editor atual.

Passe o mouse sobre a fonte do produto atual e clique em editar ícone para abrir o Selecione o produto diálogo. A partir daí, você pode selecionar outros produtos atribuídos disponíveis.

Observação: Você precisa atribuir um produto ao modelo para garantir que ele seja aplicado à sua página ativa.

• Escolha Manualmente

Esta opção permite exibir vários elementos do produto no mesmo modelo e opções de variantes específicas. 

Para fazer uma seleção, clique em Escolha Manualmente, e uma janela será aberta exibindo uma lista de produtos para você escolher.

Em outro tipo de página

Se a sua página for de outro tipo (por exemplo, página de destino, página inicial, etc.), basta passar o cursor sobre o produto atual e clicar em caneta ícone para editar.

Em seguida, selecione o produto desejado na lista de produtos.

Espaçamento entre colunas

Defina o espaçamento entre as colunas usando o controle deslizante ou insira um valor exato.

Padrão: 30px

Dimensões:

• Largura: Defina a largura que o elemento do produto deve ter.
• padding: Ajuste o espaçamento interno (Superior, Direita, Inferior, Esquerda).

Contexto

Você pode definir a cor de fundo do elemento do seu produto: insira um código de cor, escolha uma cor da sua página ou selecione uma cor da paleta de cores.

Shape

Personalize o estilo do elemento do produto:

• FronteiraAdicione uma borda sólida, tracejada ou pontilhada.
• Raio de cantoArredondar as bordas (em px)
• ShadowAplique sombras suaves ou marcadas para realçar a visibilidade.

Opção de exibição

Esta seção permite controlar o comportamento das variantes e quantidades quando vários produtos são exibidos usando o elemento Produto.

Variante padrão: Marque esta opção "SIM" se desejar que uma variante específica seja pré-selecionada quando a página carregar.

Observação: Para usar esse recurso, certifique-se de que a sua Origem do produto esteja definida como Escolha Manualmente em vez de Produto Atribuído.

Condição: Isso define como variantes e quantidade estão interligados entre os produtos:

• Vincular variantes e quantidades entre produtos iguais: As variantes compartilham a mesma quantidade e se comportam como um único bloco de produto unificado.
• Desvincular variantes e quantidades entre o mesmo produto: Cada variante é tratada individualmente em termos de quantidade, mesmo que pertençam ao mesmo produto.

Observação: Alterar a origem do produto no elemento Produto para Escolha Manualmente Para personalizar a variante padrão. Saiba Mais.

Alinhar

Sob o Alinhar Nesta seção, configure o alinhamento vertical do seu Elemento de Produto. Você pode selecionar entre:

• Alinhar parte superior
• Alinhar centro
• Alinhar parte inferior
• Distribuir espaçamento vertical

Configurar a guia Avançado

Para opções de estilo adicionais, navegue até a guia Avançado e siga as instruções em Este artigo.