Collection List Images Load in Animation on Prestige theme

Store Design

Topic summary

A user wants to remove the load-in animation for images in the Collection List section of the Prestige theme. Currently, images appear with a delayed reveal effect when the homepage loads.

Solution provided:

  • The animation is caused by intentional delayed lazy-loading implemented by theme designers
  • To disable it, edit snippets/collection-item.liquid in the theme code
  • Remove the code snippet: data-expand="-150"
  • This modification allows the lazy-load library to start loading images earlier, before they become visible

Note: This code edit is safe to implement since the theme is unlikely to auto-update and overwrite the changes.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

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?

2

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.

1 Like