Results, Archive Page and Shop Live Loader
When this feature is Enabled, the plugin will try to load the results - without reloading the results page.
Search Behavior -> Search Results | Archive | Shop page Live Results
Disclaimer: Live loading items to a page causes the script event handlers to detach on the affected elements - if there are interactive elements (pop-up buttons etc..) controlled by a script within the results, they will probably stop working after a live load. This cannot be prevented from this plugins perspective.
There is no guarantee that this feature will work with any theme/website out there. It very highly depends on the actual website structure as well as the overall configuration.
How to Enable the Live Loader
Under the Search Behavior -> Search | Archive | Elementor | Shop page Live Results panel, you can choose to enable the live loader for:
The search results page
The taxonomy archives
The WooCommerce shop page
As well as an Elementor Posts/Products widget class selector
Aside from having these enabled, the proper DOM selector has to be used. Please read the documentation below on how to do that.
Results container DOM element selector
Default value: #main
This is the selector that the script tries to match, when the new results page is loaded via AJAX. The script then replaces the old content within this selector with the new ones.
If you don't know what this means, then leave this options as it is by default
How can I find this selector for my theme?
If you are not a developer, your best bet is to ask the author of your current theme, he might know how to get the selector to target the results page container.
You can also contact us via support, we might be able to help - but please note that we cannot guarantee this feature to work correctly in every case.
The only possible way is using the browser developer console or via the page source. Unfortunately there is no guide we could provide for this, as it would exceed the contents of this documentation.
Last updated