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!
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-theme
If helpful then please Like and Accept Solution.
For Design, Development and custom changes Hire Me.
Skype: live:hardikradadiya355
Thanks
You need to create if/else for it. Ex:
{% if collection.handle == ‘order’ %}
{% for link in linklists[‘list-order’].links %}
{% endfor %}
{% else %}
{% endif %}
Hope it helps!
Hi @MarvinMounzer ,
Posting this to help users want to implement the same.
Please refer the instructions provided in the video to implement the same.
any way to get this in english?
I think i understand this but can you tell me where this code ^ above should be placed?
Hi @elevatesporting ,
You can check the description for article where details are in English
I had the same issue. Were you able to implement this properly using the custom code?
Hi @Bekind24 ,
Yes, we have implement this for lots of store. please refer the video and article provided in video for implementation details.
