Filtros de produtos

Filtros de produtos são úteis para permitir aos utilizadores ver apenas os artigos nos quais tem interesse. É possível criar combinações de vários tipos de filtros, ou até selecionar várias categorias num so filtro.

Os filtros de produtos irão ser sempre aplicados ao componente Lista de Produtos.

Para demonstar o funcionamento, iremos assumir que queremos que o utilizador possa filtrar por tipo de roupa, nomeadamente, por calções ou camisola. A nossa lista de produtos tem o seguinte aspeto:

O primeiro paço é adicionar as categorias que queremos aos produtos, utilizando "Editar produto". Neste caso, a nossa lista passaria a estar da seguinte forma:

Estando isto feito, podemos agora ir ao editor de páginas, para adicionar os filtros à nossa lista. Abrindo o nosso componente Lista de Produtos e descendo até ao fim veremos que temos na seção avançado opção de editar filtros.

Clicando nesta, iremos ter acesso ao seguinte menu:

Clicando em adicionar iremos criar um novo filtro, ao qual podemos dar um nome que desejarmos. No nosso caso, vamos chamar ao filtro simplesmente "Tipo".

Agora que criamos um filtro, temos a opção de adicionar, em baixo desse filtro, as categorias que queremos adicionar ao mesmo (botão branco) :

Clicando neste, iremos para um menu semelhante ao anterior, mas desta vez teremos as opções de categorias que queremos permitir que o utilizador utilize:

Depois de adicionados os filtros para Calções e Camisola, o nosso menu de filtros irá ter o seguinte aspeto:

Por último clicamos em guardar para salvar o menu de filtros. A nossa página irá agora ter o menu de filtros:

Para usar os filtros apenas temos de os selecionar, e carregar em filtrar:

O resultado será uma lista de produtos só com os produtos da categoria desejada.

É ainda de notar que o menu de filtros será adaptado para a versão de telemóvel: