Coleção em destaque
O que você vai aprender
- Pra que serve esta section
- O que aparece quando nenhuma coleção é escolhida
- As opções de layout disponíveis
Pra que serve
Mostra uma lista de produtos de uma coleção específica, com título e botão "Ver tudo" no topo (personalizáveis). Cada produto usa o block Cartão do produto.
💡 Se nenhuma coleção for escolhida, a section mostra cartões de produto vazios (placeholder) só pra você visualizar o layout no Editor de temas, sem quebrar a página.
Como configurar
| Configuração | Pra que serve |
|---|---|
| Coleção | Qual coleção os produtos vêm. |
| Tipo de layout | Grade, Carrossel ou Editorial. |
| Carrossel no celular | Transforma a Grade num carrossel só na visualização mobile. |
| Quantidade de produtos | Máximo de produtos mostrados. |
| Colunas (desktop) / Colunas no celular | Número de colunas, controlados separadamente. |
| Espaçamento horizontal / vertical | Espaço entre os cartões. |
Navegação do carrossel
| Configuração | Pra que serve |
|---|---|
| Ícone / Fundo do ícone | Estilo visual das setas de navegação, só aparecem em layout Carrossel. |
Layout da section
| Configuração | Pra que serve |
|---|---|
| Largura | Largura da página ou Largura total. |
| Alinhamento | Alinhamento horizontal do cabeçalho (título + botão "Ver tudo"). |
| Espaçamento | Espaço entre o cabeçalho e a grade de produtos. |
| Esquema de cores | Cor de fundo/texto da section. |
Boas práticas
- O título mostrado por padrão já puxa o nome da coleção automaticamente, edite o texto do block de cabeçalho só se quiser um título diferente do nome real da coleção.