JetEngine - Items Number Filter Addon v1.1.0

How to Filter Glossary Items From this tutorial, you will find out how to filter the Glossary items available with the JetEngine plugin’s functionality. Before you start, check the tutorial requirements: Elementor (Free version), Block editor (Gutenberg) or Bricks. JetEngine plugin installed and activated with the Glossary built Create a 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. If you pick the “Checkboxes list” option, check the following settings. Mind picking the “JetEngine Glossary” Data Source and needed item in the Select glossary field. 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. The same steps should be taken if you want to build a “Radio” filter. You are also free to create a “Select” Filter Type to cover the glossary options in a drop-down menu. Now, we will take the “Checkboxes list” Filter Type as an example for the described use case. 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 filter on it. Pages can be either made with Gutenberg, Elementor, or Bricks. 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. We pick the newly created filter in the Select filter field and define its provider in the This filter for field: as we want to work with the Listing Grid widget, it will be “JetEngine.” However, you can use any other filter provider if needed. You can optionally proceed to the other customization tabs of the filter widget. For the Checkboxes Filter widget, these are Additional Settings and Indexer Options. We want to show the number of available posts next to the filter options, so we go to the Indexer Options tab and activate the Apply Indexer toggle. Then, we activate the Show Counter toggle. For now, in the editor, we can’t see the correct counter next to the item. However, the indexer will work properly on the front end. Warning. If you want to use an indexer with your filter based on the glossary, ensure that the Field Value of all the glossary fields may contain only lowercase Latin letters, numbers, “-” and “_” symbols to separate words, no spaces. Otherwise, the indexer will not work. Next, we add a Listing Grid widget to this page as it will serve as a provider for the filter. Customize the page if desired and press the “Publish/Update” button. Check the result by opening the page you have just edited on the front end. The glossary items are now available for selection in the filter. Also, if you have adjusted the indexer, you will see the counter next to the filter options. Now, pick the desired option(s) to see if the filter works. That’s all; now you know how to filter Glossary items with the help of the JetEngine and JetSmartFilters plugins on your WordPress website. Was this article helpful?Yes. No Need help? Ask Facebook community Get answers from 30K+ Crocoblock Community experts from all over the world. Start a live chat Ask question to support agent and share its details via chat messages.