Forums › Forums › Search & Filter Pro › 2019 way of using plugin with Divi theme
Tagged: 2019, Divi, filter section, not shown
- This topic has 8 replies, 2 voices, and was last updated 5 years, 7 months ago by Anonymous.
-
Anonymous(Private) April 17, 2019 at 1:11 pm #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.
MartijnTrevor(Private) April 17, 2019 at 4:07 pm #208626The 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).
Anonymous(Private) April 18, 2019 at 10:06 am #208716Hi 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.
MAnonymous(Private) April 18, 2019 at 5:32 pm #208817Ok, 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
Anonymous(Private) April 18, 2019 at 6:37 pm #208821Ok 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 🙂
-
AuthorPosts