A página de produto é a tela que o visitante abre quando clica em um produto da sua Loja da Nova 46graus. É nela que aparecem as fotos, o nome, o preço, as variações e o botão de compra, e é o layout dela que decide o tamanho das imagens e a posição de cada informação.
Você ajusta essa página no editor, quantas vezes quiser: dá para trocar o layout inteiro, diminuir as fotos e escolher o que aparece ou não. Veja como fazer isso.
Tenha ao menos um produto cadastrado antes de começar. É ele que aparece na prévia enquanto você mexe, e é assim que você enxerga o efeito de cada ajuste.
Abra a página de produto no editor
Os ajustes da página de produto ficam nos estilos do seu site, e não no cadastro de cada produto.
Acesse o Painel 46graus e abra o editor do seu site.
Na barra de ícones à esquerda, clique em Estilo do site, o primeiro da lista.
No menu lateral, à direita, clique em Mais e depois em Comércio.
Selecione Detalhe do Produto.
O editor abre a página de produto, e o menu lateral passa a mostrar os três grupos de ajuste dela: Alterar layout, Detalhe do Produto e Mostrar.
❗ Aviso:
No editor, Detalhe do Produto é a aparência da página.
No cadastro do App Loja, Detalhes do produto
é onde ficam preço, estoque e variações.
Altere o layout
Com a página de produto aberta, clique em Alterar layout, no topo do menu lateral.
Escolha um dos modelos em Layouts disponíveis. O que está em uso aparece destacado.
Cada modelo organiza a página de um jeito: alguns dão mais espaço para a foto, outros trazem a descrição e as políticas logo abaixo do preço. A prévia muda na hora, então vale percorrer as opções até achar a que combina com o resto do site.
Para sair sem escolher, use o Voltar, no topo do menu lateral.
O layout escolhido vale para todos os produtos da sua Loja, e o cadastro de cada um continua intacto.
Ajuste os detalhes da página
Depois de escolher o layout, você afina a apresentação sem sair do editor. É aqui que se resolve a página que ficou com tudo grande demais.
No menu lateral, clique em Detalhe do Produto.
Ajuste o que quiser mudar.
Tamanho e proporção da imagem: a barra que deixa as fotos do produto menores ou maiores. É por aqui que você diminui a imagem que ficou grande demais na página.
Proporção da imagem: logo abaixo, define o formato das fotos, como 1:1.
Alinhamento e tamanho das informações: define como o nome, o preço e a descrição se posicionam em relação à foto, e o tamanho desse bloco.
Seleção de variações: define se as opções do produto aparecem como Botões ou como Lista.
O editor salva sozinho, e a barra inferior mostra há quanto tempo a última alteração foi guardada.
No mesmo painel ficam dois grupos com ajustes próprios: a galeria de imagens e a caixa flutuante.
Galeria de imagens
A galeria é o conjunto de fotos do produto. Clique em Galeria de imagens, no painel Detalhe do Produto, para definir como elas passam.
Reprodução automática: as fotos passam sozinhas, sem o visitante precisar clicar.
Velocidade da reprodução: a barra que define quanto tempo cada foto fica na tela.
Rolagem Infinita: depois da última foto, a galeria emenda na primeira e continua.
Caixa flutuante
A caixa flutuante é a barra de compra que aparece sobre a página quando o bloco de nome, preço e botão sai da tela. Clique em Caixa flutuante, no painel Detalhe do Produto, para escolher o modelo dela ou deixá-la desligada. Os layouts aparecem em lista, com o que está em uso destacado, e a prévia muda na hora.
Enquanto o bloco de compra está visível, a caixa flutuante fica escondida: ela entra só quando faz falta, para quem se convenceu lendo a descrição comprar dali mesmo, sem rolar de volta.
Nela o visitante vê a miniatura do produto, o nome, o preço e o botão de compra. Se o produto tem variações, a caixa mostra também as opções já escolhidas, como Azul e M, então quem compara vários produtos não perde a referência de qual está vendo.
O botão acompanha a escolha. Com todas as opções definidas, ele diz Adicionar. Se ainda falta escolher alguma, ele diz Selecionar opções e leva o visitante de volta para a escolha, em vez de deixar o erro aparecer só na hora de comprar.
A caixa some sozinha ao chegar no fim da área do produto, para não cobrir o rodapé, e também enquanto uma foto ou um vídeo está aberto em tela cheia.
Escolha o que aparece na página
Nem todo produto precisa mostrar tudo. Um serviço, por exemplo, não tem peso nem dimensões para exibir.
No menu lateral, clique em Mostrar.
Ligue ou desligue as chaves conforme o que você quer na página, como Mostrar peso e dimensões, Mostrar política de devolução, Mostrar contato com a loja, Mostrar políticas e Mostrar compartilhamento.
O ícone de interrogação ao lado de cada chave explica o que ela controla. Desligar uma chave esconde a informação da página, e o que você preencheu no cadastro do produto e nas configurações da Loja continua salvo.
💡 Dica!
As políticas e o contato que aparecem aqui
saem das Configurações de Comércio.
Preencha lá uma vez e a página de todos os produtos já mostra.
Confira como fica no celular
A maior parte das visitas à sua Loja chega pelo celular, e é lá que uma foto grande demais mais atrapalha.
Para ver o resultado nas duas telas, use os ícones de visualização na barra inferior do editor e alterne entre computador e celular antes de seguir.
Resolvendo dúvidas comuns
A página do meu produto ficou com tudo muito grande. Como diminuo?
Abra Detalhe do Produto no menu lateral do editor e use a barra Tamanho e proporção da imagem para reduzir as fotos. No mesmo painel, Alinhamento e tamanho das informações ajusta o bloco com nome, preço e descrição.Mudei o layout da lista de produtos e a página do produto continuou igual. Por quê?
São duas páginas diferentes, cada uma com o seu layout. A lista de produtos é a vitrine, com todos os produtos. A página de produto é a tela que abre quando o visitante clica em um deles.Esse ajuste vale para um produto só ou para a Loja inteira?
Vale para todos os produtos. O layout e os ajustes ficam em Estilo do site, então você configura uma vez e a Loja inteira segue o mesmo padrão.Onde eu mexo no preço, nas fotos e nas variações de cada produto?
No cadastro do produto, dentro do App Loja. O editor cuida da aparência da página, e o cadastro cuida do conteúdo de cada produto.Quero ver a página de produto no site. Como chego nela?
Na aba Produtos da sua Loja, clique em Mais e depois em Ver no site. Isso abre a sua lista de produtos publicada, e de lá você clica em um produto para abrir a página dele.Por que o botão da caixa flutuante diz Selecionar opções em vez de Adicionar?
Porque o produto tem variações e falta escolher alguma. O botão leva o visitante direto para a escolha, e o texto muda para Adicionar assim que todas as opções estiverem definidas.Desligar uma chave em Mostrar apaga a informação do produto?
Ela some só da página. O que você preencheu continua salvo, e basta religar a chave para mostrar de novo.
Precisa de ajuda?
Uma página de produto bem apresentada é o último empurrão entre o visitante e a compra. Se tiver qualquer dúvida, chame a gente no chat de atendimento. Estamos por aqui para ajudar você a deixar tudo redondo. 😊