Forums Forums Search & Filter Pro Thumbnails not showing

Viewing 5 posts - 1 through 5 (of 5 total)
  • Anonymous
    #187810

    Hi Guys,

    I’ve set up a filter on the following url: https://bbq-junkie.nl/bbq-recepten/

    Everything looks fine at first sight, but when you do not filter and go to the secon page, the thumbnails are not shown.

    Same counts for when you use the filters. Posts are being loaded, but images are not shown.

    When I turn of Ajax to load the post, the images are shown, but i want to use Ajax.

    Can you help me out?

    Trevor
    #187835

    I can see that you are using the custom method, which means it is your theme or page builder that creates the content. With reference to this documentation page:

    https://searchandfilter.com/documentation/search-results/custom/

    Which of the three methods are you using, or are you using the filter_next_query action in a shortcode (another alternative ‘Custom’ method)?

    I suspect that whatever is making the content, is using something like the Masonry script and that needs to be refreshed on Ajax loading, but that can be complex unless the theme or plugin author is able to help. Essentially it requires javascript like this:

    <script>(function ( $ ) {
      "use strict";
      $(document).on("sf:ajaxfinish", ".searchandfilter", function(){
        console.log("ajax complete");
    
    // call your function(s) here
    
      });
    }(jQuery));</script>
    Anonymous
    #187837

    Hi Trevor,

    I am using the custom method and the filter_next_query action in the shortcode. Then I use the Site Origin Grid Loop to show a post grid.

    I tested all this on a test domain and had no problems with loading the images. Then I installed the plugin on my normal domain and set everything the same way as I did on test.

    Also see this thread: https://support.searchandfilter.com/forums/topic/grid-results-pagination-wont-work/

    So everything was working fine there, but now, with the same plugins it does not work.

    Trevor
    #187841

    Examining the HTML for those images, the image being loaded is a transparent 1x1px laxyload image.

    Do you have a lazyload setting ON somewhere?

    Anonymous
    #187873

    Yes you are right! Somehow the lazyload in jetpack was turned on. Turned it off and everything works fine now! Thanks man!

Viewing 5 posts - 1 through 5 (of 5 total)