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 6 years, 5 months ago by
Anonymous.
-
Trevor(Private) April 17, 2019 at 4:07 pm #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).
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