Shoppify add categories and sub catagatories

I would like to have a catagory like Grow lights then a sub catagories like Ballasts CMH SYSTEMS Lamps LED LIGHTING Lighting Accessories Reflectors Reflector Hangers Combo:Ballast/Reflector Light Movers Fluorescent Fixtures Using the directions from here [login to view URL] and have them be clickable links as in the directions here Clickable buttons Tip If you want only one product tag to be clickable, follow this tutorial: I want only one product tag to be selectable From your Shopify admin, click Online Store, and then click Themes (or press G W T). Find the theme you want to edit, click the ... button, and then click Edit HTML/CSS. On the left, under the Templates folder, locate and click the [login to view URL] link to open the [login to view URL] template in the online code editor. Collection dot liq Press ctrl + F on a PC or command + F on a Mac to find your collection description. Below your collection description — or above it, if you wish — paste the code below, and click Save: <ul class="subnav clearfix"> <li{% unless current_tags %} class="active"{% endunless %}> {% if [login to view URL] %} <a href="/collections/{{ [login to view URL] }}{% if collection.sort_by %}?sort_by={{ collection.sort_by }}{% endif %}">All</a> {% elsif collection.current_type %} <a href="{{ collection.current_type | url_for_type | sort_by: collection.sort_by }}">All</a> {% elsif collection.current_vendor %} <a href="{{ collection.current_vendor | url_for_vendor | sort_by: collection.sort_by }}">All</a> {% endif %} </li> {% for tag in collection.all_tags %} {% if current_tags contains tag %} <li class="active"> {{ tag | link_to_remove_tag: tag }} </li> {% else %} <li> {{ tag | link_to_tag: tag }} </li> {% endif %} {% endfor %} </ul> <style> /* Contain floats: [login to view URL] */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* Subnavigation styles */ .subnav { clear: both; list-style-type: none; margin: 35px 0; padding: 0; } .subnav li { display: block; float: left; } .subnav li a { display: block; height: 28px; line-height: 28px; padding: 0 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background: #eee; margin: 0 7px 7px 0; color: #666; } .subnav li a:hover, .subnav [login to view URL] a { background: #666; color: #fff; } </style> Take a look at your clickable buttons on your collection page. Clickable btn 4 Use a select element as a submenu From your Shopify admin, click Online Store, and then click Themes (or press G W T). Find the theme you want to edit, click the ... button, and then click Edit HTML/CSS. On the left, under the Templates folder, locate and click the [login to view URL] link to open the [login to view URL] template in the online code editor. Collection dot liq Press ctrl + F on a PC or command + F on a Mac to find your collection description. Below your collection description — or above it, as you wish — paste this first code snippet: <div class="clearfix filter"> <p>Browse by tag:</p> <select class="coll-filter"> <option value="">All</option> {% for tag in collection.all_tags %} {% if current_tags contains tag %} <option value="{{ tag | handle }}" selected>{{ tag }}</option> see the rest here scroll down to "Clickable buttons" [login to view URL]