1. Widgets de filtro de produto padrão WooCommerce (GRÁTIS)

O WooCommerce oferece widgets de filtro de produtos por padrão. Para usar os filtros integrados do WooCommerce, vá para Aparência > Widgets e arraste e solte os seguintes filtros na barra lateral: “Filtrar produtos por atributo","Filtrar produtos por classificação"E"Filtrar produtos por preço".

Agora o front-end fica assim:

Consegui adicionar filtros por atributo, classificação e um “controle deslizante” de preço. Super fácil. No entanto, existem dois grandes problemas: esses filtros WooCommerce são não alimentado por Ajax (portanto, a página “recarrega” depois de usar um dos filtros) e são muito limitado. Existem apenas 3 widgets padrão, você só pode ter um menu suspenso ou lista de atributos, apenas um controle deslizante de preços e não uma lista de faixas de preços à la Amazon ... basicamente você não pode fazer muito com esta configuração.

Além disso, você pode gerenciar filtros de produtos usando plugins gratuitos ou pagos.