Swatches
O que você vai aprender
- Pra que serve este block e como ele difere do Seletor de variantes
- Por que ele pode não aparecer em alguns produtos
Pra que serve
Mostra as opções de variante do produto como uma lista de swatches (círculos de cor, textura ou miniatura de imagem) fora do formulário de compra, geralmente usado em cards de produto pra dar uma prévia rápida das variações disponíveis sem entrar na página do produto.
ℹ️ Este block só aparece se pelo menos uma opção do produto tiver swatch configurado (cor, textura ou imagem). Produtos sem nenhum swatch configurado simplesmente não mostram nada aqui, mesmo com o block adicionado.
Como configurar
| Configuração | Pra que serve |
|---|---|
| Alinhamento (desktop) | Alinhamento horizontal dos swatches na versão desktop. |
| Alinhamento (celular) | Mesma coisa, mas só pra versão mobile. |
Preenchimento (padding)
| Configuração | Pra que serve |
|---|---|
| Superior / Inferior / Esquerda / Direita | Espaço interno em cada lado do block, em px. |
Boas práticas
- Se os swatches não aparecerem, confira primeiro se as opções do produto têm swatch configurado em Configurações do tema > Swatches antes de desconfiar do block.