A seção Produtos define como cada produto é exibido na loja, do card na vitrine até a página do produto, além de controlar a performance de carregamento da home.
Este é o décimo primeiro artigo da série sobre a configuração completa do e-commerce. Se ainda não configurou o banner de categorias da loja, veja o artigo anterior antes de seguir com a exibição de produtos.
Onde encontrar essa configuração
Para acessar, vá em e-commerce > personalizações > produtos.
Máximo de produtos na primeira página
Um controle deslizante, de 0 a 80, define o número máximo de produtos exibidos na primeira página (a home). Quanto menor esse número, mais rápido o carregamento da página para o cliente.
Modelo de exibição dos produtos
Escolha como os cards de produto aparecem na loja, com pré-visualização tanto para desktop quanto para mobile. São 3 modelos disponíveis:
- Vitrine: foto principal grande com miniaturas laterais, nome, preço, variações e botão de compra. Sem setas de navegação, com bordas arredondadas nas fotos. Ideal para produtos com múltiplas fotos.
- Clássico: foto principal em formato retrato, com zoom ao passar o mouse, miniaturas clicáveis ao lado, e linha divisória entre marca e preço que acompanha a cor do texto da loja. Layout compacto e direto ao ponto, com a calculadora de frete em destaque.
- Galeria: fotos em carrossel, com setas e pontos de navegação, e os detalhes do produto exibidos ao lado da galeria.
Texto e ícone de favoritar
- Texto dos produtos: define como o nome do produto aparece nos cards, com apenas a primeira letra maiúscula (Normal) ou todo o texto em maiúsculas (Caixa alta).
- Ícone de favoritar: exibe um coração sobre a foto do produto para o cliente favoritar. Desative para um card mais limpo, sem o ícone.
Depois de configurar, clique em Salvar para aplicar as mudanças na loja.
Um card de produto que combina com a marca
Com essas configurações, o card de produto passa a refletir o estilo da loja e ainda cuida da performance no carregamento da página. No próximo artigo da série, seguimos para a próxima seção da configuração do e-commerce. Alguma dúvida sobre essa seção? Fale com o nosso suporte.