A user wants to add sub-collection navigation buttons to collection pages in the Debut theme. For example, when visitors click on “Clothing,” they should see buttons for “Tops,” “Jeans,” “Dresses,” etc.
Initial Solution:
Manually add HTML links in collection.liquid using conditional logic (e.g., {% if collection.handle == 'clothing' %}). However, this requires manual updates whenever the menu structure changes.
Dynamic Approach Requested:
The user has 3 main categories with 5-7 sub-categories each and wants buttons to update automatically when the menu changes. This requires custom Liquid code that loops through Shopify’s linklists object to generate buttons dynamically based on the navigation menu structure.
Current Status:
The discussion remains open with the user seeking specific code implementation. One responder suggests this is an advanced customization, recommending either studying Shopify’s breadcrumb navigation examples, examining free themes with similar features, or hiring a developer for professional implementation.
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.
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.
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?
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.
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?
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.