Back to contents

JetSmartFilters. How to filter posts or products by taxonomy and child term (based on Checkboxes list filter)

From this tutorial, you will learn how to filter posts or products by taxonomy and child term with using Checkboxes list filter of JetSmartFilters plugin.

The Checkboxes list filter of the JetSmartFilters plugin gives a wide opportunity for the user with creating a filter based on a different source, which you can choose in the setting of the filter.

Let’s dive deeper into this topic!

Preparations

1 Step – To apply the filter to posts, you should previously create a Post Type and add some post to it with the help of JetEngine plugin. Read here how to do it.

2 Step – The next you should do is to create a taxonomy with both parent and child categories and add them to your posts. Read here about it.

Taxonomy settings in the posts

3 Step – Then, you should display custom terms, read here.

The same you can do with products. To do it you should add the necessary taxonomies with the Single Product Widget or the Listing Grid widget.

How to create Checkboxes list filter

1 Step – Proceed to the Smart Filters option in WP Dashboard.

2 Step – Add new filter and add to it the Title, Label and Active Filter.

3 Step – In the Filter Type choose the Checkboxes list option.

4 Step – In the Data Source dropdown menu, you should choose the Taxonomies type.

5 Step – The next option is called Is Checkbox Meta Field (Jet Engine) which you should NOT toggle on because it was created especially for the data from the meta fields.

Checkbox list filter settings

6 Step – Then, in the Taxonomy dropdown menu, you should choose the type of taxonomy which you have previously created (with both parent and child categories).

7 Step – If you want to display the save the hierarchical structure where child terms assigned to parents ones, you should toggle on the Group terms by parents option.

Group terms by parents option

On your site, it will look like it.

Group terms by parents option

8 Step – If you want to show all terms without any hierarchical structure (parents and child terms will be shown as equal options), toggle on the Show only childs of current term option.

Show only childs option

On the site, the filter with this chosen option will be displayed in this way.

Show only childs option

Alternatively, in the settings you can toggle on both these options and the filter will show the taxonomies as in Step 7.

How to display the Checkboxes list filter to publications

1 Step – In Elementor editor you should display listing with the preferable publications or products. How to do it, read the tutorial.

In the same way, you are able to display the products – just choose the needed post type while adding the Listing item.

2 Step – So, the listing is added, now it’s time to add the filter. To do it, you need to drag and drop the Checkboxes filter.

Checkboxes filter widget

3 Step – In the Select Filter field, you should enter and search for the needed one that you have created for this purpose.

4 Step – Select the appropriate option in the This filter for dropdown menu.
For publications, you should choose the JetEngine option.
For products, select the tool which helps to display the products, it can be JetEngine as well or any other one from the dropdown menu.

Taxonomy settings in the posts

5 Step – Customize the other settings, detailed functionality of which are described here.

How to display the Checkboxes list filter to publications

How to display the Checkboxes list filter to products

Follow this link to read more about applying the filter the Child taxonomies under the Parent taxonomies.

If you choose the Show only childs of current term, you will have the same result, as for the publication. It is shown above in this tutorial.

How to display the Checkboxes list filter to products

That’s it! Now you know how to filter posts or productions by taxonomy using the filter’s possibility to its full extent.