Can you send a navbar link to a CMS collections page?

Design help CMS
1

Can you link a navbar navigation link straight to a collections page? On my Products page link, I don’t want to have to make a page to lead to a cms collections page I wanna go straight to the cms collections page.

https://preview.webflow.com/preview/jlds-sauce-and-knives-testproject?preview=5a66acd0a0470c5b0e5815ff28982e53

2

Hey @warcraftman68

This can definitely be accomplished.

  1. Add a collection list to your navbar
  2. Place your nav-link element inside the collection
  3. Use filters and/or sort order to control which items can appear in the navbar
  4. Add some styling to the collection list to align it with the rest of your navbar

11
11486×956 43.8 KB

47
47478×522 13.7 KB

53
53472×620 18.2 KB

Alternatively if you don’t want a dynamic solution. Just point the link to your collection item page by using a url like this
/collection-list/collection-item"

Here are some materials about the methods I mentioned above. Hope this helps. Happy designing!

4 Likes
3

Thank you. I already used the link slug url of the collection page. I am definitely going to try your method out because there is a pause in loading the page when clicked on link.

4

I’ve just used this to create a Main Nav Link. Thought I’d mention that, at least for me, it was more beneficial than the non dynamic link method as it allows The Nav item to have a “current” state without the need for extra JS or other code. When using the non dynamic method, the nav item stays in its original un-clicked state. i.e doesn’t change colour to indicate what page you’re on. So Cheers for this!

5

I have the same issue but I’m having trouble following your instruction.

I currently have a global mega menu with multiple navigation and sub navigation points.

I’m trying to link the nav points to collection pages within my CMS. But when I bind it to my CMS and go to point my link block to the specific collection page, I only get the “Current” page option and I can’t directly point to the collection page I want. So all my navigation points within that category, point to the same 1 page at the top of the collection list. Is there a drop down or something that allows me to select my specific collection page?

How can I target a specific collection sub page within my collection pages?

2 Likes
6

Huge help! Thank you.

Been looking for a while for this solution.

1 Like
7

Hi @MB_14,

Can you post your read-only link?

8

When I try add a collection list to the nav bar I get an error saying I cannot add a collection list to an item that is password protected or has a 404 error