Description
This plugin extends the JetSmartFilters Apply Button widget in Elementor by adding configurable scroll behavior when the apply button is clicked.
When users apply filters, the page can automatically scroll to show the filtered results, improving the user experience by ensuring users see the updated content immediately.
The plugin integrates seamlessly with Elementor’s widget controls and requires no coding to configure.
Features
- Add scroll-to-top functionality to JetSmartFilters apply button widgets
- Multiple scroll modes: Auto-detect, Window Top, Query ID, or Custom Target
- Auto-detection intelligently finds the listing grid based on JetSmartFilters configuration
- Smooth scrolling animation for better UX
- No alteration to JetSmartFilters or Elementor core functionality
- Per-widget configuration via Elementor’s interface
- Lightweight JavaScript implementation
License
This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 3 of the License, or (at your option) any later version.
This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with this program; if not, see http://www.gnu.org/licenses/gpl-3.0.html.
Logo – up by nakals from Noun Project (CC BY 3.0)
Screenshots
Elementor widget controls showing scroll configuration options 
Elementor widget controls showing scroll configuration options for custom fragment
Installation
- Upload the entire “runthings-jsf-apply-button-scroll-to-top” folder to the /wp-content/plugins/ directory.
- Activate the plugin through the ‘Plugins’ menu in WordPress.
- Edit any page with Elementor that contains a JetSmartFilters Apply Button widget.
- Select the Apply Button widget and look for the “Scroll to top on apply” control in the widget settings.
- Enable the feature and configure your preferred scroll mode.
FAQ
-
How do I enable scroll functionality?
-
Edit your page in Elementor, select the JetSmartFilters Apply Button widget, and toggle on “Scroll to top on apply” in the widget settings. Choose your preferred scroll mode.
-
What scroll modes are available?
-
- Auto detect: Automatically detects the target based on Query ID or content provider
- Window top: Always scrolls to the top of the page
- Query ID: Scrolls to the element with the ID matching this apply button’s Query ID
- Custom target ID: Scrolls to a specific element ID you specify
-
How does Auto mode work?
-
Auto mode intelligently cascades through detection methods:
1. First tries to use the Query ID if configured
2. Then attempts to find the listing grid based on the content provider (e.g., jet-engine)
3. Falls back to scrolling to window top if no target is found -
Does this work with AJAX filtering?
-
Yes, the plugin works with both AJAX and page reload apply types in JetSmartFilters.
-
Does this change any JetSmartFilters functionality?
-
No, this plugin only adds scroll behavior. All JetSmartFilters functionality remains unchanged.
-
Yes, each Apply Button widget can have its own scroll configuration.
-
What user capabilities are required?
-
Only users who can edit pages in Elementor will see the configuration options. The scroll functionality works for all site visitors.
-
I have a feature idea / I’ve found a bug
-
You can post ideas or contribute to the project over at the GitHub repository, which can be found at https://github.com/runthings-dev/runthings-jsf-apply-button-scroll-to-top
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Apply Button Scroll to Top for JetSmartFilters” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Apply Button Scroll to Top for JetSmartFilters” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.1.2 – 16th December 2025
- Bump tested up to 6.9
1.1.1 – 16th December 2025
- Bump tested up to 6.9
1.1.0 – 21st November 2025
- Enhanced auto-detection to support all JetSmartFilters content providers
- Added proper sanitization and escaping for user input
1.0.0 – 19th November 2025
- Initial release
- Multiple scroll modes: Auto detect, Window top, Query ID, Custom target ID
- Auto-detection of listing grids based on JetSmartFilters configuration
- Smooth scroll animation
- Per-widget configuration in Elementor
- Support for jet-engine and jet-woo-builder content providers
- Intelligent fallback behavior when targets are not found
- Lightweight implementation with no dependencies beyond required plugins