Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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!
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
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025