Collection sidebar: Sort by Type using Collection filters
Collection filters can be used to filter your products in many different ways. This example will demonstrate how to create a new group to filter by product type. With the release of Collection filters, product type and product vendor options have been removed and replaced with Collection filters. These provide better functionality.
If you'd like to create a filter group which is similar to product types we would first add a new tag to our products. Open your main Product admin and sort by product type to group the products:
Now that we can see all products sorted by Type, we can bulk add a new Tag to similar product types.
In this example, I'll select all the "Womens" product Type products. Then bulk add a new Tag called "Womens":
Do the same for other product Types, give them a Tag that represents the product Type.
Then using the Theme Editor (Customize Theme) under Collection page settings, we can create a new filter group.
The filter group will include the new Tags we created to represent our Types:
The Group name is the heading in the collection sidebar. Tag list includes the Tags we want our customers to see and use to filter by. These are the Tags we added to our products.
There's an option to also "Hide filters by default". This will allow you to display larger images when the customer lands on the collection page. The sidebar can expand when the customer wants to start filtering.
The same concept can be applied to product Vendors/Brands. Tag your products with the brand names and then you can create a filter group.