Images Breaking/Failing to Load During Scroll

We are using the Wokiee theme and have had great success to date. We recently rebuilt our catalog and added some new landing pages and pathways using the standard page builder customization function. Unfortunately, images specifically on these new pages (e.g. those featured in banners, product thumbnails, etc) either “break” after scroll (especially pronounced on mobile) or fail to load entirely. We are unsure of how to resolve the issue. Here’s one example link - https://www.myhomepark.com/pages/give-a-garden

I’m including two screenshots. In one, some of the product and image file assets are visible as desired, in the other, we see how the page looks following this hiccup error (I’ve added blue arrows to further highlight areas where images should be):

Console inspection reveals 404 errors on images - I suppose suggesting the server cannot actually see these images despite their having been loaded directly into the section (as would be done with any theme section). Any advice to resolve this issue is most welcome.

Hi @WyattMHP ,

This is Victor from PageFly - Shopify Page Builder App.

I checked on your page and found that the issue results from some script for lazyload or lazy size images which conflict with your theme.

I can see that once you scroll or you re-size the browser, the source code of the image has changed.
Please check the script code first to fix it to the root.

Hope this can help you solve the issue.

Best regards,

Victor | PageFly