Tema Ultimate
Seções e blocos
Seções
Lista de coleções

Lista de coleções

O que você vai aprender

  • Pra que serve esta section
  • As 4 opções de layout disponíveis
  • Como funciona quando nenhuma coleção é escolhida manualmente

Pra que serve

Mostra uma lista de coleções em destaque, em um dos 4 layouts disponíveis: Grade tradicional, Carrossel horizontal, Bento (blocos de tamanhos variados) ou Editorial. Cada item usa o block Cartão da coleção.

💡 Se nenhuma coleção for escolhida manualmente na lista, a section mostra "vagas" vazias no Editor de temas só pra você preencher, o número de vagas muda conforme o layout escolhido (ex: Bento sempre mostra 4).

Como configurar

ConfiguraçãoPra que serve
Lista de coleçõesAs coleções específicas a mostrar. Deixe vazio pra usar o número de vagas automático do layout.

Layout dos cartões

ConfiguraçãoPra que serve
Tipo de layoutGrade, Carrossel, Bento ou Editorial.
Carrossel no celularTransforma a Grade num carrossel só na visualização mobile.
Colunas (desktop)Número de colunas, só em Grade e Carrossel.
Colunas no celular1 ou 2, só em Grade sem carrossel mobile.
Quantidade de coleçõesMáximo de itens mostrados, só no layout Editorial.
Espaçamento horizontal / vertical / entre blocosControlam o espaço entre os cartões, o nome muda conforme o layout.

Navegação do carrossel

ConfiguraçãoPra que serve
ÍconeEstilo das setas de navegação (seta, chevron, tamanhos grandes, ou nenhum). Só aparece em layout Carrossel.
Fundo do íconeNenhum, Círculo ou Quadrado atrás da seta.

Layout da section

ConfiguraçãoPra que serve
LarguraLargura da página ou Largura total.
EspaçamentoEspaço entre o cabeçalho (blocks de texto/botão no topo) e a lista de cartões.
Esquema de coresCor de fundo/texto da section.

Boas práticas

  • No layout Bento, o número de coleções é sempre 4, escolher menos que isso na Lista de coleções deixa vagas vazias no Editor de temas até você preencher.
  • Use Carrossel no celular quando tiver mais de 4 a 5 coleções, evita uma grade mobile excessivamente longa de rolar.