Can I disable lazy loading for product images on Shopify?

Nick_Griller
New Member
6 0 0

Hi! Would someone let me know how to remove lazy loading on my product images?

They are staying blurry rather than initially blurred then crisp.

 

https://greatamericangriller.com/products/accelerated-meat-defroster

Replies 4 (4)

tim
Shopify Expert
3258 232 1178

Actually, lazy loading does not work for you because your images are missing the lazyload class. Because of this, lazyloading library does not know it has to process your images, so it does not do anything to them.

so just change this

 <img class="mfp-image product-single__media-product-template-...

to this

 <img class="mfp-image lazyload product-single__media-product-template-...

 and it will work.

Nick_Griller
New Member
6 0 0

Where is this under? I can't see it in product-template.liquid

Nick_Griller
New Member
6 0 0

I changed that under both IMG class in product-template.liquid and it still seems to be blurry

tim
Shopify Expert
3258 232 1178

This one:

Untitled.jpeg