Streaming live at 10am (PST)

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

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.

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

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

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

1 Like

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.

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!

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?