Load all images at once when a product is clicked on

Load all images at once when a product is clicked on

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!



Reply 1 (1)

Shopify Partner
1239 143 159



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.




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