Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
I’ve stopped lazy loading on my product pages, but I want the second third etc images to be lazy loaded. How do I do this while making sure to first image isn’t ? Thanks in advance !!
you can add manual codes to make easy load specific images.
Generally speaking, with sites I have worked with, lazyloading either applies to all of the product images or none. Since it is recommended that lazyloading is turned off for images at the top of the page what I would do is turn it off. But if you want to customize this further I usually leave it on and then edit the code.
I would then edit the product image loop to include lazyloading attribute unless loop count - 1. Depending on the theme, they might render the thumbnail images in a completely different loop. This can be a bit more silly if they are vertical scrolling as some are off page. But if they are all on page, I leave those to not show lazyloaded either since all thumbnails load at once and are often all visible at top half of page.
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024