Filtro de 3 Níveis

Esta é uma opção muito utilizada por lojas de autopeças, mas pode ser aproveitado por diversos segmentos, bastante apenas pensar uma organização interessante de categorias.

Este recurso permite criar um filtro com três seleções sequenciais, em que o usuário seleciona uma opção no primeiro campo, aí aparecem as opções filtradas no segundo campo, e assim por diante.

Esse recurso funciona a partir da árvore de categorias da lojas é uma forma especial de apresentar categorias e subcategorias em formato de filtro.

Para entender como funciona este recurso, vamos imaginar uma árvore de categorias para um site de autopeças, como abaixo:

• Chevrolet
  • Celta
    • 2007
    • 2006
    • 2005
    • …
  • Corsa
    • …
  • Monza
    • …
• Volkswagen
  • …
• Audi
  • …
• Suspensões
• Pneus
• Câmbios
• …

Perceba que são categorias baseadas na seguinte hierarquia: Marca >> Modelo >> Ano, do primeiro ao terceiro níveis. Também existem categorias de produto no primeiro nível, que não tem relação com as marcas.

Se você selecionar as categorias de marcas para o filtro, deixando as demais de fora, você estará criando um filtro por marca, modelo e ano!

Mas lembre-se: você pode fazer conforme a sua necessidade!

Agora vamos às configurações do filtro. Após habilitá-lo, você terá opções para:

• Ícone representativo do filtro: um ícone ilustrativo, com dimensões de 50 x 50px (recomendado)
• Título do filtro;
• Descrição do filtro;
• Rótulos dos campos: para cada campo, você pode definir o texto exibido (no exemplo acima, colocaríamos “Selecione a Marca”, “Selecione o Modelo” e “Selecione o Ano”, respectivamente;
• Rótulo do botão: Define o texto exibido no botão do filtro;
• Selecionar categoria: aqui está a configuração mais importante. Selecione uma categoria que deseja destacar no filtro de 3 níveis e clique em adicionar. Você pode adicionar várias categorias. No exemplo acima, selecionaríamos todas as marcas.
• Ocultar categorias selecionadas do menu de categorias: com isso, você pode ocultar as categorias do menu do site, deixando-as apenas no filtro.
• Cor do fundo do filtro;
• Cor do fundo da área de título;
• Cor do texto da área de título;
• Cor de fundo do botão;
• Cor de texto do botão.