Forums › Forums › Search & Filter Pro › Divi theme, Search Results as grid
Tagged: Divi, page, search display
- This topic has 9 replies, 2 voices, and was last updated 7 years, 6 months ago by Trevor.
-
Anonymous(Private) April 23, 2017 at 12:31 pm #104342
We’ve got a site we’re working on that uses the Divi theme and are trying to display the search results as a grid. Since the Divi theme only has a masonry grid, we’ve installed Blog Designer – Post and Widget Pro plugin for areas of the site we need to display things as a grid.
We’re using shortcode and are having issues with displaying the results. We got it to display results at one point, but it showed errors and had the results as full posts.
We don’t have much coding knowledge and would appreciate some guidance.
Trevor(Private) April 24, 2017 at 8:30 am #104414This post shows how to set up Divi and Search & Filter Pro. Be careful to set every step:
https://support.searchandfilter.com/forums/topic/divi-blog-module-grid/#post-99184
Anonymous(Private) April 24, 2017 at 11:33 am #104445Hi,
Thank you! We searched the forum and found that post, but it’s not clear to us how to follow this step.
“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”
Which page and which content elements? Are we supposed to put this code somewhere? We’ve tried a few different things and can’t get it to work. http://www.woodworthphoto.com/blog/index/ is the page.
-
AuthorPosts