OK, in that form change the Ajax target container from #main
to .et_pb_blog_grid
BTW, on the page, for one of the form field elements, Length
is spelled incorrectly (in the form it is Lenght) with the ‘t’ and ‘h’ reversed.
Above the grid all you need now is a code element with this in:
<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>
And a Text element, with this shortcode in:
[searchandfilter id="307" action="filter_next_query"]
These two elements go in the main content section above/before the grid element.