Como configurar os cards, as fotos e a página do produto
Três decisões definem como o seu produto aparece para o cliente: o layout da página do produto (onde a compra acontece), o card no catálogo (o convite ao clique) e a proporção das fotos (a moldura de tudo). Este tutorial passa pelas três. Tudo no menu lateral Design da loja (/loja/tema), visão Tudo de uma vez.
Layout da página do produto (PDP)
Na seção Página do produto, 3 layouts:
- Galeria e compra — fotos à esquerda, preço e botão à direita. O padrão do e-commerce; o cliente encontra tudo onde espera.
- Três colunas — fotos, informações e uma caixa de compra fixa que acompanha a rolagem. Para produtos com descrição longa: o botão Comprar nunca sai da tela.
- Foto grande — imagem em destaque com a compra ao lado. Para produtos visuais, em que a foto é o argumento.
Dica
descrição com muita informação técnica (tabela de medidas, composição, cuidados)? Três colunas paga a aposta — o cliente lê tudo sem perder o botão de vista.
Layout do card de produto
Em Layout do card de produto, como cada item aparece no catálogo e na vitrine:
- Clássico — foto, nome, preço e botão comprar. Equilíbrio padrão.
- Compacto — mais produtos por linha, sem botão. Para catálogos grandes, estilo "vitrine de marketplace".
- Editorial — foto grande com texto sobreposto. Cara de revista; menos produtos visíveis, mais desejo por peça.
- Com variantes — mostra as opções de cor/tamanho já no card. Quem vende grade economiza um clique do cliente.
- Promocional — destaque de desconto e preço âncora ("de/por") no card. Para períodos de liquidação.
Dica
o card acompanha o momento da loja: dia a dia com grade de tamanhos → Com variantes; lançamento de coleção → Editorial; Black Friday → Promocional. Trocar leva dois cliques — use isso a favor do calendário.
Proporção das fotos
Em Formato das fotos, a proporção usada no catálogo e na página do produto:
- Quadrada 1:1 — recorte central, neutra, funciona para qualquer nicho;
- Retrato 4:5 — vertical, o padrão de moda e beleza (e do feed do Instagram);
- Paisagem — horizontal, para cenas e ambientes (decoração, viagens).
Atenção
fotos fora da proporção escolhida são recortadas pelo centro. Padronize as fotos no formato antes de mudar aqui — ou revise o catálogo depois da troca para conferir se nenhum produto foi cortado no lugar errado.
Dica
fotografe sempre com margem de segurança (produto centralizado, ar em volta): a mesma foto sobrevive a qualquer proporção que você escolher no futuro.
Salve e publique
Salvar alterações, depois Publicar layout na barra escura.
Pronto!
Catálogo e página do produto com a mesma linguagem.