In order to achieve the affect of revealing only one image per collection on hover, you’ll have to use multiple Collection Lists.
At this time you cannot style collection items individually, so the trick here is to use 1 collection per each artist name and 1 collection per each Artist Image.
You can then control the Collection Items visibility using filters and setting the Images collections to position:absolute. Finally, you can control the behavior on hover using Interactions 2.0.
Actually, I think this is possible with just one collection, using a similar workaround that @waldo created for the manual lightbox link using just 2 interactions and nested elements.
You can see below that this is with one collection only.
If you let me know if you’ve figured a way round it or not, I will record a screencast with your project if you want me to?
@Nita Im going forward with you approach in the end! Thanks. Im also concerned about how sustainable would those two approaches be on a stand alone basis. As my client won’t be able to add new collections every time she wants to add an artist.
I dont want to be stepping in every time she needs to arrange so which of these two has more independence in terms of she adding a new artist as CMS and automatically reflecting?
I posted something about this same issue, and for some reason I can’t figure out how to apply this to my design. I’m having the same issue, where if I apply the interaction to the Collection List Wrapper, it applies the interaction to all items. I saw that Webflow updated their CMS to allow interactions for individual items but it’s honestly not working. Is there a way to use a single CMS List and apply the same interactions to each item within the list?
I’ve been giving it a go with Legacy Interactions, but the problem is the font colors can’t be changed with Legacy. Ideally can this be accomplished with IX2?
Please help! I’ve been trying this for ages and am coming close to a deadline and would like to see how this can be accomplished.
I can see the interactions you’ve created with Legacy (super cool BTW). Have you done anything with IX 2.0 that you could point me in the direction of? Without seeing how you’ve got it setup, it’s difficult to tell where it’s not working for you.
It should be possible to change the font colour with IX 2.0, there are for more interactions you can do with elements, even CSS animations such as blur are now possible.
You don’t need to apply the interaction to the entire Collection Wrapper, only the collection item. In this case, you would use parent and child association, as to not affect the other CMS items.