Help Center

How to Filter Glossary Items

How to Filter Glossary Items

From this tutorial, you will find out how to filter the Glossary items available with JetEngine’s plugin functionality.

Create a Checkboxes List Filter

Head to WordPress Dashboard > Smart Filters > Add New

Complete a Filter Name and pick the desired Filter Type.

Things to know

The Glossary data source can be used only with the “Select,” “Radio,” and “Checkboxes list” Filter Type.

filter type selector

If you choose the “Checkboxes list” option, the settings as in the picture will be available.

Mind picking the “JetEngine Glossary” Data Source and completing the Select glossary field with the desired item.

jetengine glossary data source for checkbox filter
Things to know

As you may notice, the Query Variable field is obligatory for completing the filter settings. Here, you should put the Name/ID value attached to the glossary meta field of the Custom Post Type, Custom Content Type, options page, or meta box (the object you are working with.)

For instance, look at the presented example. In this case, we take the Name/ID from the Custom Post Type settings, the posts of which we want to filter eventually.

checkbox meta field key in the post type

The same steps should be taken if you want to build a Radio Filter.

jetengine glossary data source for radio filter

Or, you are free to create a Select Filter to cover the glossary options in a drop-down menu.

Now, we will take the “Select” Filter Type as an example for the described use case.

jetengine glossary data source for select filter

Push the “Update” button to save the changes made to the filter.

Add Filter to the Page

Navigate to the WordPress Dashboard > Pages directory and open/add a new page to place the built filter on it. Pages can be either made with Gutenberg or Elementor.

Now, let’s open the Elementor-edited page.

Here, find and place one of the needed widgets onto the page: Checkboxes, Radio, or Select Filter.

Also, there is a Listing Grid widget on this page; it serves as a provider for the filter; for this, we select the “JetEngine” option in This filter for list.

Customize the page if desired and press the “Publish/Update” button.

select filter with listing grid in elementor

Check the result by opening the page you have just edited. 

The Glossary items are now available for selection.

branch selector on the front end

Now, pick one of the options to see if the filter is working.

selected branch on the front end

That’s all; now you know how to filter Glossary items with the help of the JetEngine and JetSmartFilters plugins.

Was this article helpful?
YesNo

Need help?

Ask Facebook community

Get answers from 22K Crocoblock Community experts from all over the world.

Start a live chat

Ask question to support agent and share its details via chat messages.