Hi, I tried to add a small collection container on my homepage with 3 elements. I can see them in my website builder, but nothing shows on the front end. Is there a problem I’m missing?
Under “actualités”
2 Likes
Hi! It seems that your card/column/container has the inline opacity:0 and the visibility=hidden.
Maybe you have some animation settings for elements and these are in conflict.
1 Like
Oh thanks yes, I just added normal elements with animation in the collection builder. Animations dont work with this conatainer ?
1 Like
So it looks like you can’t add animation on any collection container. Or Am i missing a setting somewhere ?
1 Like
Hi! I think in general there is a conflict between the animation and the collection items.
I think, that from a technical perspective… this is because the animation js with the trigger on scroll tries to apply some css params on html elements that at the same time are rewritten by the collection js.
In general, you get different results based on how fast the page is loaded/scrolled.
In essence, I would remove all the animations on the collection items.
Yes, that is what I will do. Thanks a lot Lucian. Too bad we can’t design this blog part.
1 Like