A secção Informações do produto é a parte principal da página de produto. Mostra as imagens do produto de um lado e os detalhes (nome, descrição e formulário de pedido) do outro. É obrigatória na página de produto, por isso pode alterar o estilo, mas não a pode eliminar.
Onde a encontrar
- Abra o construtor e escolha Página do produto no separador Páginas.
- Escolha um produto para pré-visualizar. Isto só muda o que a pré-visualização mostra: o seu design aplica-se a todos os produtos de uma vez.
- Clique em Informações do produto na pré-visualização ou no separador Secções.
A secção tem duas partes fixas, Media e Detalhes. Não as pode remover nem mover, só configurar. Nos telemóveis ficam empilhadas: primeiro as imagens, depois os detalhes.
Configurações da secção
- Largura da secção: Página mantém o conteúdo na largura da página, Completo vai de ponta a ponta.
- Colunas iguais: ativo, as imagens e os detalhes ocupam cada um metade da largura. Desativado, cada coluna ocupa o espaço de que precisa.
- Esquema de cores, Espaçamento (espaço entre as duas colunas), margens interiores e CSS personalizado.
Media: a galeria de imagens
Mostra as fotos e os vídeos que adicionou ao produto.
- Modo: Carrossel (uma imagem de cada vez) ou Grelha (todas as imagens ao mesmo tempo).
- Fixado: Desativado, Computador, Móvel ou Ambos. Uma galeria fixa mantém-se visível enquanto os clientes percorrem os detalhes.
- Grelha: Colunas (1 ou 2), Espaçamento e Largura total primeiro (a primeira imagem ocupa as duas colunas).
- Carrossel: Ícones de navegação (Setas, Chevrons ou Nenhum), Fundo do ícone, Paginação no computador (Pontos, Contador, Miniaturas) e Paginação no telemóvel (Pontos, Contador, Dica, Miniaturas). Dica mostra um pouco da imagem seguinte.
- Miniaturas: com miniaturas no computador, defina a Posição no computador (Esquerda, Inferior, Direita) e o Tamanho no computador. Nos telemóveis ficam sempre por baixo da imagem.
- Proporção: Automático mantém a forma própria de cada imagem. Com Retrato, Quadrado ou Paisagem, o Ajuste de média escolhe Cobrir (preenche e corta) ou Conter (mostra a imagem inteira).
- Ativar zoom: os clientes clicam ou tocam numa imagem para a ver em ecrã inteiro.
Detalhes: os blocos ao lado das imagens
Detalhes tem um Espaçamento e Fixo no computador (a coluna mantém-se visível enquanto os clientes passam pelas imagens). Selecione-o e clique em Adicionar novo bloco para adicionar blocos, e arraste-os para qualquer ordem.
- Título: o nome do produto, uma vez por página. Defina Largura, Alinhamento, Predefinição, Altura da linha e Espaçamento entre letras. Mostrar acima da imagem no telemóvel move o nome (com a classificação) para cima da galeria nos telemóveis. Mostrar avaliações acima do título coloca as estrelas por cima do nome.
- Descrição: o texto do seu produto. Defina a altura da linha e o espaçamento entre letras. Com Clique na imagem para deslizar ativo, um clique dentro da descrição leva até ao formulário de pedido quando não há nenhum formulário no ecrã. Os links continuam a funcionar.
- Formulário: o preço, as variantes e o botão de compra. As opções estão em Como configuro a secção Informações da página de destino e o formulário de pedido (botões, contagem decrescente, WhatsApp)?
- Separador: até 2 linhas entre blocos.
- Elementos recolhíveis, Cronologia de entrega, Guia de tamanhos, Selos e Antes e depois: veja Como adiciono separadores recolhíveis, datas de entrega, um guia de tamanhos, selos ou imagens antes e depois à página de produto?
Formulário e Descrição são obrigatórios: pode movê-los, mas não eliminá-los.
Botão fixo
Mantém no ecrã uma forma de comprar quando os clientes se afastam do formulário de pedido. Volta a esconder-se enquanto algum formulário estiver visível. Modo:
- Nenhum: nenhum elemento fixo.
- Barra: uma barra em baixo com o preço, a quantidade e o botão de compra.
- Botão: um botão flutuante que leva até ao formulário. Defina a Etiqueta (vazia usa o texto do seu botão de compra), o Estilo (Primário ou Secundário), a Posição (Início, Centro, Fim) e a Animação (Pulsar, Batimento, Abanar, Saltar, Brilho, Ondulação, Balançar ou Nenhuma).
- Imagem: uma imagem flutuante à sua escolha que leva até ao formulário, com Posição e Animação.
No construtor, o elemento fixo aparece enquanto a secção está selecionada, para o poder estilizar.