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.

Step 1 – 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.

Add New Category block, where you can create a new taxonomy

Step 2 – 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.

Step 3 – 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

Step 4 – 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

Step 5 – As soon as you have defined the Filter Type you have to specify the Data Source as Taxonomies.

Step 6 – Proceed to the next Taxonomy dropdown where you have to choose the list of taxonomies which you have on your WordPress website. In our case, it will be the Categories option. Click the Publish button.

Step 7 – Then, go to JetEngine > Listings and create a new listing item, find the Listing Grid widget and drop it on the page.

Listing Grid widget

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

Checkboxes Filter widget

Step 9 – 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.

Content settings for the Select filter

Step 10 – 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!