Back to contents

JetSmartFilters. How to filter the WooCommerce products by categories

This tutorial explains how to filter the WooCommerce products by categories with the help of JetSmartFilters plugin.

With JetSmartFilters plugin you can filter your WooCommerce products by categories. You can choose one of seven filter types or apply several of them if you want.

Please, note, that you will need JetEngine or JetWooBuilder plugins to use JetSmartFilters.

This tutorial will teach you to filter WooCommerce products by categories using JetSmartFilters plugin.

Filtering products by categories

Step 1 — Firstly, open your WordPress Dashboard and navigate to Products > Categories. Here you can see all the categories that you have and how many products are assigned to them.

Product categories in WP Dashboard

Also, you’re able to create New Categories. In order for the categories to be displayed in the future, you need to assign at least one product to every category.

Adding a new category

Step 2 — After that, go to Smart Filters and click on the Add New button to create a filter.

You will need to give your filter a Name, Filter Label, and Active Filter Label. In the Filter Type choose the Checkboxes List, and in Data Source select Taxonomies.

Filter labels and settings

Also, choose Product categories in the Taxonomy field. Afterward, click on the Publish button.

choose Product categories in the Taxonomy field

Step 3 — Open the needed page and click on the Edit with Elementor button to proceed. You can showcase your products with the help of the Product Grid widget.

Content settings of the Product Grid widget

Then, drag-n-drop the Checkboxes Filter widget to the section where you want to place it.

Step 4 — Navigate to the Content settings block and choose your filter in the Select filter section. Apply this filter for JetWooBuilder Product Grid.

Apply this filter for JetWooBuilder Product Grid

Step 5 — The last step here is to click on the Update button and check how the filter works.

Filtering products by categories

Congrats! Now you can filter your WooCommerce products by categories using JetSmartFilters plugin.