Help Center
How to Apply Filters to Several Widgets on a Page

How to Apply Filters to Several Widgets on a Page

This tutorial gives detailed information on creating a new filter and applying it to different widgets using the JetSmartFilters plugin.

In this tutorial, you will learn how to apply one filter to multiple widgets on a page at the same time using the Additional Provider setting in JetSmartFilters.

Warning

This setup works only when the posts displayed via two widgets on one page (i.e., Listing Grid and Map Listings) belong to one Custom Post Type.

Adding Widgets to the Page

Open the needed page in the Elementor Page Builder. Add three columns in Elementor and drag and drop the following widgets into the following columns: first column —  filters, second сolumn — Listing Grid widget, third column — Map Listing:

filters, listing grid, and map listing in elementor

In the second column, add the Listing Grid widget and choose the needed Listing item you want to filter.

listing item to filter selected

In the third column, click the Map Listing widget and select the needed Listing item from the Listing dropdown menu. Then, type the Address Meta Field Name field custom field meta key.

address meta field completed in elementor

Here, you should paste the value of the one meta field that stores the address in the current Custom Post Type.

address meta field completed in the post editor

Applying Filters to the Widgets

Proceed to the column where the filter widget or widgets are located. Click on the widget, and select the appropriate filter, i.e., if to drag and drop the Checkboxes widget, pick the Checkbox filter created before. 

Then, in the This filter for dropdown, choose “JetEngine Maps,” toggle on the  Additional Providers Enabled option, and pick “JetEngine” as an additional provider. 

Follow the Additional Providers List Option Overview to learn more about this feature.  

checkboxes filter content settings

Save all updates and check how it works on your site.

final results on the front end

That’s all. Now you know how to use the additional provider function and filter several widgets equally from one filter.

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.