How can I customize my nesting menu?

Topic summary

Requester wants a hierarchical (nested) menu like in a shared screenshot but currently sees a flat/undesired structure, with example access provided to their storefront (password initially “collectionthree,” later updated to “CollectionThree”). Screenshots are central to understanding the desired vs. current outcome.

Core limitation noted: Shopify collections (categories) do not have native parent–child relationships, so default functionality cannot create a hierarchical collection menu.

Suggested approach: implement a custom convention and template logic:

  • Add level prefixes to collection names to indicate hierarchy.
  • Use Liquid (Shopify’s templating language) to group collections by these prefixes and render them as nested levels.
  • Hide the prefixes on the front end so only clean names appear to users.

No code or implementation steps were provided beyond this strategy. No confirmation yet that the approach was applied or resolved the issue.

Status: Unresolved/ongoing. Action taken so far is only an updated storefront password; the proposed solution requires custom data naming and Liquid logic to achieve the requested nested menu behavior.

Summarized with AI on January 9. AI used: gpt-5.

Hi I would like something like this for my nesting menu

but I ended up having this

password: collectionthree

Shopify no has relation parent - child on category (collection), so your question default is can’t handle it. If you want do it need some custom on data, example set prefix level on category name, and code liquid logic get and group by prefix and show same your request, and sure hide prefix when show on frontend with category name as well.

new password: CollectionThree