DIVI – Blog module grid

Trevor

#99184

OK

Hopefully it now works. But how?

In the page (ID #78) there are three content elements above the grid:

#1 is a Code Element, containing this:

<script>(function ( $ ) {
  "use strict";
  $(document).on("sf:ajaxfinish", ".searchandfilter", function(){
    console.log("ajax complete");
    var grids = document.getElementsByClassName('et_pb_blog_grid');
    salvattore['register_grid'](grids[0]);
  });
  
}(jQuery));</script>

This reworks the grid after filtering is done by Ajax

#2 The form shortcode:

[searchandfilter id="178"]

#3 The shortcode to filter the results in the Divi query/grid:

[searchandfilter id="178" action="filter_next_query"]

Then in the form.

I have set Auto Count (both settings) to ON
The Display Results Mode is set to Custom
The Ajax container is set to .et_pb_blog_grid

and, because you are searching Posts and Pages, in the Posts settings, I have excluded page ID #78 (otherwise the search form is a result in the grid!!).

Does that work OK for you, and if so, can I close this thread?

EDIT: If the above does not work, Divi have a habit of changing their code, so instead of et_pb_blog_grid (used in the form and the javascript) try using et_pb_salvattore_content instead.

Anonymous

#99642

Perfect support, tkank you very much!

Trevor

#99650

This reply has been marked as private.

[Author]

Posts