How can I create different header menus for different pages?

Topic summary

Goal: Show one header menu on the homepage and a different menu on the ‘Order online’ (collection) page in a Shopify theme.

Core approach: Use Liquid conditionals in the theme to swap menus by page/collection context.

  • Example logic: if collection.handle equals the target collection (e.g., order), render the corresponding navigation (e.g., linklists list-order); else render the default menu.
  • This requires editing the theme’s header or the relevant section/template used across those pages.

Resources shared:

  • Two guides discussing different menus per page (Shopify Community and StackOverflow).
  • A video tutorial was provided; an English write-up is linked in the video description.

Follow-ups and clarifications:

  • Users asked for an English version and where to place the code; reply points to the article in the video description for detailed steps.
  • Another user asked if this works in practice; response claims successful implementation on multiple stores and refers back to the video/article.

Status: No confirmed in-thread resolution by the original poster; actionable direction and references provided. Screenshots illustrate desired menus.

Summarized with AI on December 17. AI used: gpt-5.

any way to get this in english?