Updating Elementor Post Grid

Anonymous

#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

#244985

That 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

#244987

I am using a custom Elementor widget that comes with my theme and it does not have a “Query” field.

There is only an option to enable “WP_Query”

Trevor

#244989

In that WP Query field, what does it allow you to enter?

Although, it may be that the Custom Post Widget may not be supportable.

Anonymous

#245001

It 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

#245008

Please 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

#245010

I 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

Trevor

#245031

Great to hear and thanks for getting back to me. I will close this thread for now.

[Author]

Posts