Back to contents

JetSmartFilters. How to enable visitors to disable active filters

From this guide, you will learn how to enable visitors apply only the particular filters and disable from being applied using JetSmartFilters functionality.

Let visitors disable applied filters with the help of Active Filters widget of the JetSmartFilters plugin.

Enabling visitors to disable active filters

Step 1 – First of all, you need to open the page, where you have filter functionality, in Elementor editor.

Step 2 – Then, add Active Filters widget to the section, where the filters are. Note, there should be at least two filters for the correct work of the widget.

add Active Filters widget to the section, where the filters are

Step 3 – The settings block of the widget appears on the left right away. In the Content tab, you have to specify the elements, which you want to display the active filters to. Also, you can set AJAX or Page reload apply type, define the label and use the Query ID option for specifying which filter is applied to which widget, in case you are showing some filters and showcasing some listing grid or products grid on the page.

Active Filters widget content settings

Step 4Style tab provides varied adjustments for customizing Active Filters widget according to your purposes. Here you can style the title, filters, and items of the widget. Don’t forget to save the changes.

Active Filters widget style settings

Step 5 – Now you can open the page and view how it works. Select an option in each filter and you’ll see the Active filters section with applied filters. To disable them you just need to click a cross icon near the name of the active filters.

Active Filters widget overview

Great! Now you know how to display active filters and allow visitors to disable them using JetSmartFilters plugin.