Documentação é o mapa para um código sustentável.
light_mode
Filtro Lateral
Filtro Lateral
Filtro Lateral
O filtro lateral é um fragmento que permite a filtragem de dados de uma lista de produtos. Ele é composto por accordions, um botão de limpar filtro e um botão de adicionar filtro.
- Accordion: Cada accordion é um filtro, podendo ser por categorias, marcas, preços, etc. Cada accordion possui um título e um conteúdo, que pode ser um checkbox, um input de texto, um select, etc.
-
Filtro por Marcas: Filtro onde o usuário pode selecionar as marcas que deseja filtrar.
- Independentemente da página onde o filtro estiver inserido, ele sempre exibirá todas as marcas disponíveis na lista de produtos.
-
Filtro por Categorias: Filtro onde o usuário pode selecionar as categorias que deseja filtrar.
- Independentemente da página onde o filtro estiver inserido, ele sempre exibirá todas as categorias disponíveis na lista de produtos. Isso inclui tanto as categorias principais quanto as categorias secundárias associadas aos produtos, bem como as categorias pais das categorias principais.
-
Filtro por Preços: Filtro onde o usuário pode selecionar faixas de preços que deseja filtrar.
- O filtro será sempre baseado nos preços dos produtos que existem na filtragem dos outros filtros.
- O intervalo de preços será sempre dividido em quatro opções de filtro, permitindo ao usuário selecionar a faixa de preço desejada.
-
Filtro por Caracteristicas: Filtro onde o usuário pode selecionar as características que deseja filtrar, elas sempre viram com base nos produtos que existem na filtragem dos outros filtros, organizados por variações como: Cor, Tamanho, Voltagem e etc.
- Independentemente da página onde o filtro estiver inserido, ele sempre exibirá todas as características disponíveis na lista de produtos.
- A listagem precisa trazer tanto as características principais quanto as secundárias associadas aos produtos.
-
Regras Gerais:
- Os filtros nunca exibirão opções com 0 itens, pois são sempre baseados nos resultados da pesquisa.
- Botão Aplicar Filtro: Botão que envia os filtros aplicados para a lista de produtos.
- Botão Limpar Filtro: Botão que limpa todos os filtros aplicados.