Streaming live at 10am (PST)

Linking to a collection page when I can't use a collection list

Hi there, I have a head scratcher of an issue.

I have a block in my site that contains a list of pages to link through to (“Our relationships” block towards end of page). Each of these pages are a CMS collection page so ideally I would use Collection List wrapper and link through easily enough. However, I want a different image to show on hover of each link so I don’t believe this is the suitable approach. Or at least can’t figure a way to do it.

At the moment, everything is manually input and I think I will have to add an “external” link to the respective page but this is far from ideal.

Would anyone have a better solution/idea on how to approach this?


Here is my public share link: Webflow - Bregal Milestone
(how to access public share link)

Hey @Cli

Using a collection list for the “Portfolio Companies” will allow you to use a link block for each item that is connected to the CMS item’s slug or link.

CleanShot 2021-03-30 at 12.40.04@2x

Now with the link block or a different div inside the CMS item, the hover state can add its background image to be connected to an image from the CMS item.

Hope that makes sense. Let me know if I can help further.

Apologies for the delay in getting back to you. Thanks for the reply Matthew. It’s a bit time critical (launch looming) and I couldn’t figure out how to get this working for my design using a collection list so have had to do ‘manually’.

Is there a way to link to a Collection page without including the link as an external link though? My issue with using external links (that currently link to my staging Webflow site) is that I will need to go through and update all to live domain post launch?

https://preview.webflow.com/preview/bmstaging?utm_medium=preview_link&utm_source=dashboard&utm_content=bmstaging&preview=2b852eead954057752f2d7b0712e8eeb&mode=preview

Use relative links (/somedir/someslug). That way no change is needed. Not sure why/where you are having an issue linking inside a collection list to the “current collection item” as shown by matthewpmunger.

Thanks Jeff, that’s really helpful info. Much appreciated. I tried a few times to rebuild this block using collection list and couldn’t get the layout how I needed (five in one and four in second column) so needed to do manually. Also had issues with the hover interaction as when I tried to apply to a class, it wasn’t working.

I’m new to Webflow so I’m sure I’ll figure out how to do it ‘the right way’ down the line and rebuild but for now, with your input above, I’m happy with the manual way.

Thanks again