Forums › Forums › Search & Filter Pro › Problem with displaying Filter Results
Tagged: ajaxfinish, lazyload
- This topic has 7 replies, 2 voices, and was last updated 6 years ago by
Trevor.
-
Trevor(Private) July 4, 2019 at 7:12 am #215561
It might be a number of things, but most likely you have one or both of:
Lazyload images (such as in Jetpack; it is an option you can disable)
the grid might be ‘powered’ by Masonry (Isotope), in which case the grid would need to have the Masonry script re-triggered to re-build the grid correctly.Are you able to send me a live link/URL to your search page so I can take a look?
Trevor(Private) July 4, 2019 at 7:11 pm #215603What we do is to support functions such as your theme author has been kind enough to provide. Add this script to your site or the results page:
<script>(function ( $ ) { "use strict"; $(document).on("sf:ajaxfinish", ".searchandfilter", function(){ $('.products').find('img.lazyimages').each(function(){ var source = $(this).attr("data-src"); $(this).attr("src", source).css({'opacity': '1'}); }); }); }(jQuery));</script>
See how that works for you? If you want to add it only to the page, you can add it in a text block or widget (if the widget has tabs for text entry mode, always choose Text or Plain Text).
Anonymous(Private) July 4, 2019 at 8:51 pm #215606Now it works fine, many Thanks.
Another Question:
I have create a filter results page with elemantor. I think it is a good and pretty solution to display the results.
But is it possible to create a pretty filter panel, too? Maybe with elemantor?
Or have you another tipp, how i can create a pretty filter panel (desktop and mobile)?
-
AuthorPosts