How can I disable lazy loading for product images?

[Nick_Griller]

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

[tim]

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]

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

[Nick_Griller]

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

[tim]

This one: