Remove LazyLoading

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

0 Likes
tim
Shopify Expert
2937 141 987

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.

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
0 Likes
Nick_Griller
New Member
6 0 0

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

0 Likes
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

0 Likes
tim
Shopify Expert
2937 141 987

This one:

Untitled.jpeg

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
0 Likes