Automatically Apply Instant-Reload Filters on Change
This JavaScript snippet enables instant filter application for JetSmartFilters fields with the class .jet-smart-filters-instant-apply. It reloads the filter group automatically when values change, improving UX by removing the need for manual clicks.
Specifications
Automatically Apply Instant-Reload Filters on Change
7 January, 2026
-
Plugin
-
Category
-
Programming languages
Installing Instruction
- Copy the provided JavaScript code snippet to your clipboard.
- Add the code using one of the following methods:
-
Option A: Using a Custom Code Plugin (Recommended)
- Install and activate a plugin such as WPCode Lite, Code Snippets, or Simple Custom CSS and JS.
- Create a new JavaScript snippet.
- Paste only the JavaScript code, without <script> tags.
- Save and activate the snippet.
-
Option B: Using a Custom Code / HTML Area
- Add the code in a Custom HTML widget or directly into a theme file (for example, header.php or footer.php).
- Keep the <script> tags when using this method.
- Save your changes.
-
Option A: Using a Custom Code Plugin (Recommended)
Example Use Case
Use this snippet to make JetSmartFilters apply filter changes instantly when filter values change, without needing a manual apply click.
Applicable scenarios:
- E-commerce sites: Speed up filtering product lists with instant updates.
- Directories and listings: Improve UX by removing additional interaction steps.
- Dynamic search interfaces: Offer real-time filter response on selections.
Specifications
Automatically Apply Instant-Reload Filters on Change
7 January, 2026
-
Plugin
-
Category
-
Programming languages