How can I create different header menus for different pages?

[MarvinMounzer]

Hey guys, I have a website I'm working on.

On the homepage section, I want to have a Menu header that contains Home, Loyalty program, Order Online and Contact us.

I already have this Menu saved on the navigation.

However, when people click on Order online and go to that collection list, I want the header to change to

Appetizers, soup, cold mezza, Salads ..." Which is also a menu that I created as that below picture.

However, I can only put ONE menu. When I change the menu to the one I want inside the Collection List page, it would also change the one on the homepage.

So my question is, how can I have a different Menu header on these two different pages.

Would appreciate your help.

Thanks!

[hardik355]

Hi  MarvinMounzer

Can you check this link. i think it's work you need to write some code. 

https://community.shopify.com/c/Shopify-Design/Different-menu-on-different-pages/td-p/1004182

https://stackoverflow.com/questions/66216037/how-to-ad-different-navigation-menus-to-shopify-debut-t...

If helpful then please Like and Accept Solution.
For Design, Development and custom changes Hire Me.
Skype: live:hardikradadiya355
Thanks

[LitExtension]

You need to create if/else for it. Ex:
{% if collection.handle == 'order' %}
<!-- show menu for Order, change handle for menu -->
{% for link in linklists['list-order'].links %}
{% endfor %}
{% else %}
<!-- show menu for Home, menu code remains the same -->
{% endif %}
Hope it helps!

[elevatesporting]

I think i understand this but can you tell me where this code ^ above should be placed? 

[gr_trading]

Hi @MarvinMounzer ,

Posting this to help users want to implement the same.

Please refer the instructions provided in the video to implement the same.

[elevatesporting]

any way to get this in english? 

[gr_trading]

Hi @elevatesporting ,

You can check the description for article where details are in English

[Bekind24]

I had the same issue. Were you able to implement this properly using the custom code?

[gr_trading]

Hi @Bekind24 ,

Yes, we have implement this for lots of store. please refer the video and article provided in video for implementation details.