Issue: On page load, product/collection images briefly show a broken-link icon before the actual photos appear. Screenshots were provided to illustrate the flash.
Likely cause: Lazy loading of collection images, which defers image loading until needed and can momentarily show a broken placeholder.
Suggested fix:
Next steps: Share the theme name if guidance is needed for exact file/setting changes.
Status: Unresolved; awaiting the store’s theme details or confirmation after testing with lazy loading disabled.
Hello!
I’m having an issue with images on my website - when it loads, it displays the broken link for a second before displaying the actual photo. Does anyone know what the issue is here, and how it can be resolved? I can’t figure out what to do, so really hope this community can help!
Thanks so much.
Hi there,
Lazy loading can sometimes lead to issues like this, so it might be worth trying to disable it.
First, make sure to back up your theme. Then, locate where the collection images are rendered; this is likely in a file such as collection.liquid. From there, you can remove the lazy loading attribute.
If you’re having trouble, please let me know which theme you’re using, and I’ll try to provide more detailed instructions.
