Subcategories are a crucial element for all ecommerce websites. They allow customers to quickly find the general product type they're looking for and easily narrow down their search to find exactly what they're looking for. Think of when you walk into a supermarket and are looking for toothpaste. Without the large department banners clearly denoting “toiletries” above the aisles, it would take ages to find the section with the product you were looking for.
These menu items are a UI element that modern customers expect to be available on any reputable ecommerce website that they might consider using. Therefore, being able to create subcategories within Shopify is important.
A clarification should be made at this point: while most ecommerce platforms refer to these menu items as subcategories, Shopify calls them collections and sub-collections. These terms can generally be used interchangeably.
This article will demonstrate three methods for creating subcategories within your Shopify store:
Collections in Shopify are organized as a flat, unordered list. However, it is possible to use Shopify's navigation feature to nest menu items that point to collections, creating a psuedo-hierarchical relationship between those collections. A top-level menu item can have up to two levels of menu items nested beneath it, which allows you to build fairly complex drop-down menus.
These instructions will summarize the easiest method of organizing your collections into hierarchical categories and subcategories in your Shopify store. These steps are possible within Shopify's default features and require no coding knowledge.
This method of adding sub-collections is easy given it makes use of Shopify's built-in features and is as simple as dragging, dropping and clicking. It is likely the most straightforward method for creating menu items and subcategories.
However, this simplicity comes at the expense of flexibility. Indeed, there are a number of drawbacks to this method of implementing subcategories:
There are a number of plugins that let you extend your Shopify store's subcategories to 4 levels, but only for the mega menu, so it is impossible to make a left-hand nav like Amazon/Etsy. Even for a small store like Freiraum, you can’t create a navigation like "Men › Clothing › Hoodies & Sweatshirts › Hoodies". It is possible to use filters to replicate this, known as tags, and we'll get into that in a moment, however that solution has its own drawbacks.
Although this method is likely the simplest given it uses Shopify's default features, it can prove to be difficult to modify and restrictive in terms of limiting your online store to only 3 subcategories of menu depth. Adding certain third-party themes to your Shopify store can extend this subcategory depth to 4 levels.
Another option is to use certain Shopify themes that enable you to use product tags to filter collections. This extends the possibilities of sub-categories within Shopify, enabling an extra layer of subcategory depth on top of Shopify's maximum 3. The Vogue Theme, pictured below, uses product tags ("Dress", "Gown", "Lace", etc.) to filter the products of a collection.
This approach enables you to extend beyond the 3 level deep maximum of Shopify's default navigation options. However, it only extends it by one more level and at the same time comes at the cost of SEO. Because this option relies on tags, these pages cannot be read by Google's bots when they crawl your website. The tags merely narrow down the search in a customer-facing way without changing the canonical URL.
Therefore, although this may be a good option from a customer user experience perspective, from an SEO perspective it is a poor option. If you had a website for 'Dresses' with tags for 'Midi Dresses', 'Shift Dresses', Maxi Dresses' etc., clicking on the tags would filter the products, but Google would not see this change. Google's bots would not know how good your website is for Midi Dresses and even if someone searched Google for that key word, Google would not rank your website highly.
If the previous options are not flexible enough to attain the quality of sub-categories desired for your ecommerce store, then Merchstack is an excellent method of successfully implementing sub-categories and a sidebar menu.
Merchstack allows you to organize your collections into a true hierarchy, with no limit on how deep your hierarchy goes. This offers far more flexibility and depth than Shopify's default options, and can be simply organized by simply dragging categories into the hierarchy that suits your online store.
Not only does Merchstack enable unlimited subcategories within your Shopify store, it also unlocks a navigation sidebar. This navigation sidebar is used by successful stores including Amazon, Etsy and Walmart and used to be nearly impossible to implement into a Shopify storefront.
In conclusion, there are a number of methods to add subcategories within your Shopify store. Using the straightforward, but somewhat limited default features within Shopify is a good starting point and with certain themes this functionality can be extended. If these options become too limiting, Merchstack is a fully-featured solution, giving users the option for unlimited SEO-compliant subcategories and website sidebars instead of simple tagging.