Forums Forums Search & Filter Pro Updating Elementor Post Grid

Viewing 8 posts - 1 through 8 (of 8 total)
  • 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.

Viewing 8 posts - 1 through 8 (of 8 total)