Remove fadein animation from collections page (mobile)

Store Design
, , ,

Topic summary

A user seeks to remove fade-in animations from their collection page items on the Minimog theme, wanting all products to load simultaneously without staggered effects.

Initial Solution Attempted:

  • Add CSS code to theme.css targeting .responsive-image img with opacity: 1 !important and animation: unset !important
  • This partially addressed the issue but items still reload when scrolling in/out of view

Follow-up Fix:

  • Additional CSS targeting [data-aos^="fade"] elements was provided
  • This improved behavior—items no longer “pop out of nowhere”
  • However, awkward movement animations persist during scrolling

Current Status:
The discussion remains unresolved. The support representative notes these animations are theme-native and suggests contacting the Minimog theme developers directly for complete removal, as CSS overrides can only partially suppress the effects.

Summarized with AI on November 20. AI used: claude-sonnet-4-5-20250929.
1

How do I remove the fadein animation from the collections page. I want the Items to load at the same time.

I am using the Minimog Theme.

https://sabovintage.com/collections/all

pw: 12345

2

Hi @sabovintage

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Theme.css

.sf-image .f-img-loaded {
    animation: unset !important;
}
responsive-image img {
    opacity: 1 !important;
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly

1 Like
3

Thanks for the reply, somehow the Items still load and unload if its not on screen. Then load again if I scroll. The animation is still there. Do I Paste the code on top of Theme.css or at the bottom?

4

@sabovintage

Please continue to add this code

[data-aos^=fade][data-aos^=fade] {
    opacity: 1 !important;
}
1 Like
5

Thanks, its getting better! The Items dont pop out of nowhere anymore but its still moving awkward. Do you have a solution for that?

6

@sabovintage

these animations belong to the theme so I can only add some code to make it better, you can directly contact the theme you are using to get the necessary support

1 Like