Shopify themes, liquid, logos, and UX
Is there a way to remove the load in animation for the images on the Collection List section? Whenever you can see the images then they suddenly load into effect with an animation but is there a way to make it so its already loaded in when you arrive on the homepage?
Solved! Go to the solution
This is an accepted solution.
Theme designers decided to delay lazyloading of these images to add a reveal effect.
You can change this.
Since your theme is unlikely to auto-update, you can edit theme code -- open snippets/collection-item.liquid, find and remove this code:
data-expand="-150"
This way lazyload library will start loading these images when they are not visible yet.
This is an accepted solution.
Theme designers decided to delay lazyloading of these images to add a reveal effect.
You can change this.
Since your theme is unlikely to auto-update, you can edit theme code -- open snippets/collection-item.liquid, find and remove this code:
data-expand="-150"
This way lazyload library will start loading these images when they are not visible yet.
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn 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, 2025