How can I build a sub navigation for product collections?

How can I build a sub navigation for product collections?

RobbieC
Visitor
3 0 1

HI

 

I am trying to build a navigation with sub nav. 

 

Eg We have a product range such as canvases and subcategories of, say, Pop Culture, Space, Nature, etc. 

 

I would like to be able to click on Canvases and see all canvases and then be able to select Nature, Space, etc as a second option. Currently, I only see products when I click the last option in a hierarchy of collections

 

Any ideas, please?

 

Screenshot 2023-12-30 at 13.01.40.png

Screenshot 2023-12-30 at 13.01.35.png

  

Replies 2 (2)
RobbieC
Visitor
3 0 1

Hi 

 

Thanks for the reply. How can I do this please?

 

Rob

PaulNewton
Shopify Partner
7721 678 1625

 


@RobbieC wrote:

I would like to be able to click on Canvases and see all canvases and then be able to select Nature, Space, etc as a second option. Currently, I only see products when I click the last option in a hierarchy of collections  


That would mean when a user clicks an item it's a navigation element reloading the page instead of a menu heading to open a submenu to find something in a hierarchy to then navigate.

Which is a bad way to surprise users when something is or isn't a link and not a toggle.

 

To try and mix these behaviors you either need to just add simpler links to your menus or duplicate entries one that's a link and ones that menu.

Example psuedo structure

  • Catalog
  • > Catalog overview
  • > Canvases
  • >> Canvas products
  • >> All Canvas products
  •   > Nature Canvases

etc etc

 

Or a theme customization to change the menus behavior for menu headings of submenus and/or with separate open submenu toggle buttons and styling/animations.

Contact paull.newton+shopifyforum@gmail.com for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org