Support Forums

Looking for support? You can access the support system via your account.

Forums Forums Search & Filter Pro 2019 way of using plugin with Divi theme

Viewing 9 posts - 1 through 9 (of 9 total)
  • Martijn Kuilema
    #208598

    I watched a lot of support tickets about this. They all point to this thread of 2017: https://support.searchandfilter.com/forums/topic/divi-and-sf/#post-127431

    I tried this, but somehow the filter section is not shown above the results? http://www.webzie.nl/harttrain/trainingen/

    I use a text module with the shortcode [searchandfilter id=”13″ action=”filter_next_query”]
    Below that a Code module with the script mentioned in your tread.
    Below that a Blog module, set to display as Grid, and All Categories selected.

    When i change the content in the Text module to [searchandfilter id=”13″] the filters ARE shown, but then the Blog Module isn’t showing the correct content.

    I’m using this plugin to show Projects (no Blogs or something else).

    Am i doing something wrong or is Divi too new for the 2 year old method?

    Thanks for the help.
    Martijn

    Trevor Moderator
    #208626

    The method may be old, but we have kept updating that thread. We did make a beta addon instead, but it is not ready (it doesn’t work right yet).

    But NO, that shortcode you quote will not display the form (the filters).

    This would:

    [searchandfilter id="13"]

    and then the one you quote immediately after it (it glues the form to the grid).

    Martijn Kuilema
    #208716

    Hi Trevor.
    Maybe it’s easier that you post the complete shortcode it must be. Cant’ get it to work.
    [searchandfilter id=”13″] -> only shows filter, and not the correct content
    [searchandfilter id=”13″ action=”filter_next_query”] -> only shows correct content, not the filters
    [searchandfilter id=”13″][action=”filter_next_query”] -> only shows filter, and not the correct content + renders the action= shortcode as text.

    What is the correct code?
    Please help.
    Thanks.
    M

    Trevor Moderator
    #208718
    This reply has been marked as private.
    Martijn Kuilema
    #208720
    This reply has been marked as private.
    Trevor Moderator
    #208815
    This reply has been marked as private.
    Martijn Kuilema
    #208817

    Ok, so the Display tab/Template option field must have the website page url, where the filtering is happening.

    Display tab/Ajax Container must say .et_pb_blog_grid

    Tags, Categories & Taxomonies tab: all must be empty so everything will be displayed on the website all the time.

    I had the above set wrong.

    But Trevor, thanks for setting this correctly for me, but you said you didn’t tested? Why not, was it so hard do take a look at the page if it is working? Cause the problem is still the same, even ever the settings adjustments. Still doesn’t work…

    Martijn

    Trevor Moderator
    #208819
    This reply has been marked as private.
    Martijn Kuilema
    #208821

    Ok solved, ticket can be closed. thanks for the help Trevor 🙂

    So, this is the solution (for other DIVI user having problems;

    1 section with a text module containing the following code: (13 must be your own form number, 13 is mine)

    <!– wp:html –>
    [searchandfilter id=”13″]
    [searchandfilter id=”13″ action=”filter_next_query”]
    <script>(function ( $ ) {
    “use strict”;
    $(document).on(“sf:ajaxfinish”, “.searchandfilter”, function(){
    console.log(“ajax complete”);
    var grids = document.getElementsByClassName(‘et_pb_salvattore_content’);
    salvattore[‘register_grid’](grids[0]);
    salvattore[‘recreate_columns’](grids[0]);
    });

    }(jQuery));</script>
    <!– /wp:html –>

    Then a second section below that, containing a Blog module, set to Grid view, and only ‘All categories selected’. Nothing else.

    Then it should work 🙂

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

The topic ‘2019 way of using plugin with Divi theme’ is closed to new replies.