Creating Different Navigation Menus for Different Pages

Shopify Discussion
1

Hey guys,

Does anyone know how I can navigate people to different header and footer menus? You can view our website below. If anyone will click on “Game Developer”, the site will open a different page than the people click on “Sound Designer”. As you can understand, these are our 2 different target audiences and we have different products for them.

www.swish-swoosh.com

Thanks in advance,

2

Which pages do you want to show different menus? It is possible by editing the code and adding a liquid if statement.

3

Hey @Jimmy87 ,

If someone clicks on a character (game developer or sound designer) on the home screen, the header will show the main menu with Products, Learn and other tabs. However, there will be different products and learn items for these two audiences. Thus I need to create 2 different main menus for these two audiences and navigate them according to the selection they made in the home screen. Is that clear?

4

It certainly is something you can do but I don’t think there is an off the shelf solution. I would go down the following route;

Create your menus for game developers and sound designers, then create to different product tags and assign products to each respectively. Then create two collections for each.

I would then reference each menu in settings_data.json under the header section, perhaps call it “menu_game” and “menu_sound”.

You can then create an if statement in header.liquid, where it references the menus e.g. {%- for link in section.settings.menu.links -%} create an if statement for each page if collection is X or product tag is Y to change to the correct menu.

The above is a bit of a ramble but I hope that helps and points you in the right direction. It may be best to find a shopify developer as it is certainly possible.

5

Thanks for all the information. I got all the points but I am not very into coding so I think it would be better to get help from a pro. Are you giving services, where should I search for the right person? Thank you for all your help.

6

No problem @madrooster .

Unfortunately, I am not offering any development services at this time as my client book is full.

Shopify has a dedicated site where you can hire experts.

Hire Shopify Experts, developers, designers and freelancers online

Good luck and don’t get ripped off. If you do all the leg work, adding the menus, separating the collections and products I imagine it’s a couple of hours work with testing. I wouldn’t pay for much more.

7

Thanks @Jimmy87 . Appreciate your help and time.