Forums › Forums › Search & Filter Pro › Updating Elementor Post Grid
- This topic has 7 replies, 2 voices, and was last updated 4 years, 8 months ago by Trevor.
-
Anonymous(Private) May 19, 2020 at 6:32 pm #244984
Hi,
I am trying to asynchronously update an Elementor post grid in my theme.
The grid can be seen on this page: http://3.21.159.200/classes/
Under “Display & Results” for the plugin configuration I have selected “Custom” and specified the class
.elementor-widget-container in the “Ajax container” field.When I try to use the filter the results come back as jibberish.
I’d greatly appreciate your support on this as I’m really close to having this all setup!
Trevor(Private) May 19, 2020 at 6:37 pm #244985That sounds like our old integration method. We have now introduced an extension for Elementor, and a new guide on how to use it. Both are to be found here:
https://searchandfilter.com/documentation/3rd-party/elementor/
Make sure that you are using the 2.5.1 version of our plugin.
Anonymous(Private) May 20, 2020 at 3:25 am #245001It doesn’t allow me to enter anything in that field. It’s just a toggle that allows you to enable WP Query on the component.
Do you not support any other integration methods?
Your documentation suggests that there are other ways to attach Search & Filter.
I really want to support your plugin but it’s not of much use to me if I can’t get it to output results to my native theme post components.
Anonymous(Private) May 20, 2020 at 4:03 am #245008Please take a look at this URL.
http://3.21.159.200/classes/?_sft_state=nsw
It looks like the filter is working when you do a full page refresh but Ajax is not working.
Anonymous(Private) May 20, 2020 at 4:23 am #245010I got it working by taking these steps
1. Switched the results display mode to Custom
2. Added the following shortcode inside the row containing my theme’s unique Elementor blog widget[searchandfilter id=”ID of search & filter form” action=”filter_next_query”]
3. Added a unique ID to the Elementor blog widget called #results
4. Specified the #results div id in the “Ajax container” configuration option -
AuthorPosts