Back to contents

JetSmartFilters: How to Filter Publications by Taxonomy

 

In this tutorial, you’ll learn how to filter publications by taxonomy with the help of JetSmartFilters plugin by Crocoblock.

Before we start, create custom taxonomy with the help of JetEngine plugin.

1 Step — Create a taxonomy

Open your WordPress Dashboard and go Posts > Categories screen. Here you can see a list of all the existing terms you have in a specific taxonomy. In the Count column, you can see how many posts are assigned to a term. Notice, if a specific taxonomy doesn’t have any posts assigned to it, then it will not be displayed in the filter.

You can see the Add New Category block, where you can create a new taxonomy by giving it a name, assigning a slug, choosing the parent category, and typing in the description.

2 Step — Create a filter

If you want to filter the posts by category, you have to create a new filter by navigating to the Smart Filters > Add New screen.

Filter labels for the new one

Here you have to fill in the Filter Label and Active Filter Label fields and move on to the Filter Settings accordion block, where you need to select a Filter Type. Let’s select the Checkboxes list option.

Filter Settings accordion block

As soon as you have defined the Filter Type you have to specify the Data Source as “Taxonomies”.

Proceed to the Taxonomy dropdown where you have to choose the list of taxonomies that you have on your WordPress website. In our case, it will be the Categories option. Click the “Publish” button.

3 Step — Create a Listing Item and add a Listing Grid

Then, go to JetEngine > Listings and create a new listing item, find the Listing Grid widget and drop it on the page. If you need a hint – check out this Listing Grid creation tutorial.

listing grid widget

1 Step — Add the filter to the page

Find the Checkboxes Filter widget, drag and drop it on the page next to the listing grid.

checkboxes filter widget

Next, in the Select filter area choose the one that contains your filter for the categories and the list of categories will be pulled out and displayed on the page.

smart filters content tab

Move on to the This filter for dropdown and select the JetEngine option. Click Publish and have a look at your page now!

Enjoy using Crocoblock!