• Resolved reinhen

    (@reinhen)


    Just recently noticed that masonry galleries on our site aren’t displaying properly anymore on initial page load. I’ve cleared all of FooGallery’s caches and purged the CDN cache with no effect on the issue. Display error occurs across multiple browsers and incognito mode.

    I did discover though that masonry galleries sort and display properly on “preview” page (with or without any actual edits) or when resizing the browser window to below 1,170 pixels wide. If refreshing the page in a window less than 1,170 wide the display error occurs again then fixes itself the moment you resize the window any amount.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author bradvin

    (@bradvin)

    hi @reinhen

    Thanks for reporting, we will investigate and get back to you asap

    Plugin Support elviiso

    (@elviiso)

    Hi @reinhen

    First, thanks for your patience as we were investigating this issue.

    After looking into this, we have realized that the jetpack lazy load is most likely causing the problem.

    Jetpack lazy loading uses a 1×1 pixel placeholder which causes all images to be squares and this causes it to layout the gallery as if they are all 372×372 px images, that is why the initial layout is not being displayed properly as it should on the initial page load.

    Kindly exclude/disable the Jetpack lazy loading feature for our galleries or for the gallery pages if possible, or disable lazy loading using Jetpack and refresh your page to see if that fixes the issue.

    Kindly try this and let us know how it goes.

    Kind regards,
    Elvis.

    Thread Starter reinhen

    (@reinhen)

    Did something change with an update to affect lazy loading? We’ve been using it for about a year now without issue.

    After testing it seems the only way I’ve been able to get it to work MOST of the time is by:

    • “Disable Lazy Loading” for all galleries in FooGallery settings
    • Turn off “Enable Lazy Loading for images” in Jetpack performance settings
    • Add URLs for all pages containing a FooGallery as exceptions for lazy loading in WPMU Smush Pro

    I say “MOST of the time” because on occasion when initially loading a page containing a FooGallery (we have 13 in use) the thumbnails won’t load at all. Force-refreshing will typically load them and the gallery functions normally.

    Plugin Author bradvin

    (@bradvin)

    hi @reinhen,

    Yes, the update did affect lazy loading indirectly, as we now provide a blank SVG image as an image src before the images are lazy loaded on our end.

    The problem you are having is that other plugins that also try to do lazy loading and are now picking up on the image src we have set.

    I will check out smush to see how to disable their lazy loading too. Hopefully we can automatically disable these other lazy loading solutions

    Plugin Author bradvin

    (@bradvin)

    hi @reinhen

    This has been fixed in v2.0.27 which is available here : https://downloads.wp.xz.cn/plugin/foogallery.zip

    We will be releasing this after some more testing

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

The topic ‘Masonry gallery display error’ is closed to new replies.