Filtragem e classificação
O que você vai aprender
- Pra que serve este block
- A diferença entre os estilos Horizontal e Vertical
- De onde vêm os filtros disponíveis
Pra que serve
Adiciona filtros (por preço, tamanho, cor, disponibilidade, e outras opções configuradas na loja) e ordenação de produtos numa página de coleção ou busca. Os filtros disponíveis não são escolhidos aqui: eles vêm automaticamente das opções e metafields dos produtos daquela coleção, configurados em Configurações da loja > Filtros de pesquisa e navegação.
Como configurar
| Configuração | Pra que serve |
|---|---|
| Habilitar filtros | Liga/desliga a filtragem por completo. |
| Direção | Horizontal (barra no topo da grade) ou Vertical (painel lateral fixo). Só aparece com filtros habilitados. |
| Largura | Centralizada (largura da página) ou Largura total, só com direção Horizontal. |
| Caixa do texto | Padrão ou Maiúsculas, aplicado aos rótulos dos filtros. |
| Mostrar rótulo do swatch | Mostra o nome do valor ao lado do swatch de cor/textura nos filtros. |
| Mostrar contagem de itens no filtro | Mostra quantos produtos cada filtro/rótulo tem no momento. |
| Habilitar ordenação | Liga/desliga o seletor de ordenação (mais vendidos, menor preço, etc.). |
| Habilitar densidade de grade | Mostra um controle pro cliente ajustar quantos produtos por linha ele vê na grade. |
| Herdar esquema de cores | Quando ativado, usa o esquema de cores do contexto ao redor. |
Boas práticas
- Se um filtro esperado não aparecer, confira primeiro Configurações da loja > Filtros de pesquisa e navegação antes de desconfiar do block, os filtros disponíveis dependem inteiramente dessa configuração e dos dados reais dos produtos.
- No estilo Horizontal, filtros demais podem virar uma lista rolável apertada, o estilo Vertical costuma escalar melhor pra coleções com muitos filtros diferentes.