Comment on page
Elementor custom search page archive override and live filter
That's it, the plugin will now redirect to the results page, and override the items with it's own.
If you are planning to add the search bar to the results page (or already have it there), you can use the live loader feature as well.
Open up the search results archive with the Elementor editor. In our case it was named "Search".
Click the archives widget, and navigate to the Advanced panel. Under the CSS Classes option enter the following:
..then save the page.
Great, it is almost done, only one search configuration remains.
Go back to the search plugin back-end, to the search instance options. Under the General Options -> Logic & Behavior panel, scroll down to the Results Page Live Loader section. Turn on the Live Loader option, and to the selector field, enter the following:
Notice the dot (.) before the text, it is required!
That's it! The plugin will now act as a results page live loader as well.