What's your biggest current challenge? Have your say in Community Polls along the right column.

Load all images at once when a product is clicked on

Load all images at once when a product is clicked on

Victoria_CC
Visitor
3 0 0

Hi all,

 

Quick question, wondering how to have all the images load at the same time once a product is selected. E.g. customer checks catalogue, clicks on a product, and instead of all the images loading one by one, all the images are loaded before they swipe across images.

 

Any help would be appreciated!

 

Thanks!

Reply 1 (1)

INA_MSWEB
Shopify Partner
1281 144 167

Hello,

 

I am San from MS Web Designer.

 

You have to implement lazyloading for all product images in your theme code. You can also remove animations from the website and add fetchpriority="high" and rel="preload" attributes to all image tags. This will allow all product images to be displayed seamlessly without the need for reloading or animations.

 

Hope this helps.

 

Do let me know in case of any concerns.

 

Regards,

San

If it’s helpful to you, please mark it as a solution.  


Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin