Add Sub Collection Navigation Buttons to Collection Page - Debut Theme

[Leyland_Blue]

Hi All,

I am using the debut theme.

I would like to add sub collection navigation buttons so that when customers are on a collection page on the site they can easily select a button to get to the next collection. Ex. If they click on clothing, they then see buttons that lead to tops, jeans, dresses, etc.

I have seen this as a default setting when you set up sub categories in your menu, but the debut theme doesn't do this and has no capability to do so. Please advise.

[CodingFifty]

Hey! @Leyland_Blue,

To add sub-collection navigation buttons on your Debut theme's collection pages (e.g., Clothing → Tops, Jeans, Dresses), you can manually insert HTML buttons either through the theme editor using a custom HTML block or by editing the `collection.liquid` file in your theme code. For example, add links like `<a href="/collections/tops">Tops</a>` inside a div, and wrap this in a condition like `{% if collection.handle == 'clothing' %}` to show it only on specific collections. Debut doesn’t support this by default, so it requires a bit of manual setup.

[Leyland_Blue]

We have 3 main categories on our site and each of these categories have 5-7 sub categories, is there a way to dynamically set up the buttons so that if we change around the menu the buttons will change with it or would we have to manually change the HTML everytime?

[CodingFifty]

Yes, you can make the sub-collection buttons dynamic by linking them to your main menu structure using Shopify’s `linklists` or `linklists[handle]` object (now called `linklists` in older themes or `linklists` → `linklists.settings` in newer Shopify structures), but the Debut theme doesn't support this directly—so you'd need to write custom Liquid code to loop through a specific menu (like your main menu or a custom one named after each collection) and generate buttons based on that, which means once set up properly, any changes in the navigation menu would automatically reflect in the sub-collection buttons without needing manual edits.

[Leyland_Blue]

Yes, that is what I would like to accomplish. Do you know what the code is I would have to add to the site to do this?

[PaulNewton]

Hi @Leyland_Blue 👋 This is an advanced theme customization requiring custom coding.

To DIY if you have coding experience a minimum would be too look at the breadcrumbs snippet then improve upon it

https://shopify.github.io/liquid-code-examples/example/breadcrumb-navigation/

Or dredge through the free themes to see if any have that feature then try to figure out how to transplant it yourself.

But if you need this customization just taken care of then contact me for services.
Contact info in forum signature below ⬇ ⬇ ⬇.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.