How to add sub categories within a collection for auto parts store?

Store Design
1

My automotive parts site has been running a basic collection setup using the "minimal"theme, but I want to expand our product line offering into other categories. Currently only offer interior parts. Each collection is named after the car make/model and year.

Example: “2008-2014 Subaru WRX Interior”

We now will be selling multiple product categories for each make/model. I am looking to have sub categories within the collections. So click on “2008-2014 Subaru WRX” and have “interior”, “exterior”, “performance”, “wheels”, ect. Could someone explain the easiest way of going about this? I did some searching and saw the theme “supply” recommended for a larger catalog, but I am unsure of how to construct the sub categories.

2

Hi @intertekfab ,

Can you explain better how “supply” does it or send me a screenshot of it.

Because, currently Shopify doesn’t support sub-collection, so I don’t know how you want to display it.

You want when going to the ‘2008-2014 Subaru WRX’ collection page, instead of displaying a list of products, it will display a list of sub-collections( “interior”, “exterior”, “performance”, “wheels”, ect ).

Please explain more about it, I will help you check.

3

@intertekfab you can decide however you’d like to display sub collections (which are actually just collections).

I’ve done something like this on a few stores:

  1. Create your top level collection (2008-2014 Subaru WRX Interior)

  2. Create what you want to be sub collections, for example “Seats for 2008-2014 Subaru WRX”, “Steering Wheels for 2008-2014 Subaru WRX”, etc.

  3. Create mini banners for each category (it could be something like an image of a WRX, with a semi transparent black layer on top to fade the background, and then in writing say the name of the collection (Seats or Steering Wheels)). If you’re not savvy with photoshop you could hire a designer to create a collection of banners for you, or create 1 template per top level category and show you how to change the text so you can edit them later.

  4. Now create a snippet in your theme to include the banners if the user is on the collection page, something like this:

{% if collection.handle == "2008-2014-subaru-wrx-nterior" %}

  
  
  ...

{% elsif collection.handle == "some other top level category" %}
...
{% endif %}

This creates a nice visual shopping experience because of the images, and makes the experience easier to navigate because they can just click on their car (the top level collection) and see all the options they have.