Página de coleção
O que você vai aprender
- Pra que serve esta section
- Como funciona o carregamento automático de mais produtos
- As duas opções de layout de grade
Pra que serve
É a grade de produtos da página de uma coleção específica (/collections/nome-da-colecao), com filtros (via block Filtragem e classificação), paginação e o layout dos cartões de produto.
Como configurar
| Configuração | Pra que serve |
|---|---|
| Tipo | Grade (colunas uniformes) ou Editorial (tamanhos variados, mais orgânico). |
| Colunas (desktop) | Número de colunas, só no tipo Grade. |
| Colunas no celular | 1 ou 2. |
| Carregar produtos automaticamente na rolagem | Quando ativado, carrega mais produtos conforme o cliente rola a página (scroll infinito), em vez de exigir clique em "próxima página". |
| Produtos por página | Quantos produtos carregar por vez, só aparece com o carregamento automático desativado. |
Layout
| Configuração | Pra que serve |
|---|---|
| Largura | Centralizada (largura da página) ou Largura total. |
| Largura total no celular | Só aparece quando a Largura não é "Largura total", força largura total só na visualização mobile. |
| Espaçamento horizontal / vertical | Espaço entre os cartões de produto. |
| Esquema de cores | Cor de fundo/texto da section. |
Boas práticas
- Com o carregamento automático ativado, o cliente nunca vê um botão de paginação, o que costuma segurar mais tempo de navegação, mas dificulta voltar pra um ponto específico da lista depois de sair da página.
- O layout Editorial funciona melhor com poucos produtos por página, com muitos itens a variação de tamanho pode deixar a grade visualmente poluída.