I don’t know why the images do not show. They are there if you inspect the HTML. As for the speed, that may be the masonry/isotope javascript that the grid is using.
AnonymousInactive
As the title suggests. I’m using Salient Theme that has a bundled version of WPBakery which doesn’t have the Data source option for the masonry grid / post grid. Can this be added? Or is there another way to make it work?
AnonymousInactive
Hi,
I use WP bakery, and created this page: https://sketchfab.com/blogs/enterprise/search-filter
I installed search & filter and the extension.
I added the elements “search and filter form”
and “masonry Media grid” with my search and filter query. And followed the instructions here: https://searchandfilter.com/documentation/3rd-party/wpbakery-page-builder-formerly-visual-composer/
Problem is that on my page I have the filter but no results appear…
thks for your help
This will be related to Ajax. The Ajax container may well require to be different (to the default #main), and if you want me to advise on that, are you able to send me a live link/URL to your search page so I can take a look?
Also, from the code you posted, I can see that Masonry (Isotope) is being applied. If you have more than one column, it might be necessary to re-apply masonry to the posts after the Ajax results refresh, which, unless you know how your theme is doing that on page load, will be quite difficult. We have the trigger JavaScript for when to do it, but the actual code that goes in to that will be what you would need to discover.
Switching Ajax off in the form overcomes these issues of course.
AnonymousInactive
We are using the theme Impreza which comes with Visual Composer. I have been trying to follow along with the steps here but we dont have Post Grid & Post Masonry Grid nor do we have an option to select a data source. I need to be able to create a grid and have it filterable.
Masonry, as a JavaScript, needs to be specially triggered to run correctly. The author of the software that outputs your grid will have written it to trigger on page load, but that would need to be called again after our Ajax reloads just that part of the page. Sadly, previous attempts to get from Enfold how their Masonry works have not been successful. There is no standard way to do re-trigger the masonry, but we do have a JavaScript wrapper that would trigger that code. This forum search shows a number of threads where other users have done something like this:
https://support.searchandfilter.com/forums/search/ajaxfinish+masonry/
AnonymousInactive
The design of masonry is better, I change in “display results” to. I thought you could do the same by changing the class. Can I do that?
AnonymousInactive
one question, if a change to .av-masonry-container. It does not run but if yo refresh yes… any idea?
Thank you for the logins. I can confirm this is a very modified version of Page Builder, so our plugin, and its extension for Page Builder, will not work with pages built with it. Moreover, that extension is designed to work with pages, whereas Page Builder has been used in the example URL you gave me is an archives page (something the standard version of Page Builder cannot do), and the code used also uses Masonry, which further complicates things.
It IS possible to have a search results page in your theme, but it would need to be in a normal page (made in WP Admin -> Pages -> New Page) and using a different grid builder plugin, such as that described in this guide:
https://searchandfilter.com/documentation/3rd-party/post-grid/
I have set it up how it should work, but, in your shop page, the grid is a special, non-WooCommerce grid, that does not use WooCommerce classes and uses Masonry.
As such, when a search is made, it correctly now goes to the page, and reports the correct number of posts, but they are hidden with opacity set to 0, and the masonry script does not re-trigger. If you switch Ajax off, then it should work. This is not unusual for masonry. Is there a way to make this grid non-Masonry? I can see it is made with a shortcode ([products]) which doesn’t seem to have any options. Maybe the options are in your theme?
