Galeria
O que você vai aprender
- Pra que serve esta section
- Como funciona o texto sobreposto em cada imagem
Pra que serve
Monta uma grade de imagens editorial (usada tipicamente na página de Lookbook), onde cada imagem é um block independente com sua própria legenda opcional (título, texto e botão) sobreposta.
Como configurar
| Configuração | Pra que serve |
|---|---|
| Esquema de cores | Cor de fundo da section. |
| Habilitar rolagem | Permite rolar a grade horizontalmente em vez de quebrar linha, dependendo do número de imagens. |
| Colunas (desktop) | Número de colunas na grade. |
| Colunas no celular | 1 ou 2. |
| Preenchimento superior/inferior | Espaço vertical da section. |
Cada imagem (block)
| Configuração | Pra que serve |
|---|---|
| Imagem | O arquivo da imagem. |
| Raio do canto | Arredondamento daquela imagem específica. |
| Sobreposição da mídia | Camada de cor (sólida ou gradiente) por cima da imagem, útil quando há texto sobreposto. |
| Título sobre a imagem | Texto de título, opcional. |
| Texto sobre a imagem | Texto rico adicional, opcional. |
| Texto do botão / Link do botão | Cria um botão sobreposto, opcional. |
Boas práticas
- O título, texto e botão só aparecem se pelo menos um deles for preenchido naquele block de imagem, deixe todos vazios pra uma imagem puramente visual, sem sobreposição.
- Mantenha um raio de canto consistente entre as imagens da mesma galeria, a menos que a variação seja uma escolha estética deliberada.