Filtering products by using multi-level tags
Our app provides you tools to set up filters for product attributes that are not available in both Shopify and our app by using product tags. When you want that filter to have multiple layers of grouping for a better user experience, you can utilize one filter option of the app, which is called "Multi-level tags".
For instance, on your All products page, you don't want to create a Toy collection. You simply want your customers to know that you have a small number of toys and they can filter those toys by some specific toy types like the image below. Then, you can use a "Multi-level tags" filter option to create that filter.
On this page
- Set up a “Multi-level tags” filter option
- Create a “multi-level collection” filter by using multi-level tags
Set up a “Multi-level tags” filter option
- Make sure that you have added tags to specific products that you want to have in this filter.
- From the app’s admin, go to Filter > Manage filter trees.
- Click the filter tree that you want to set up a filter using a "Multi-level tags" filter option.
- Click Add filter option.
- Select Multi-level tags in the drop-down of Option Type. In the Option label section, enter how you want it to appear on your storefront.
In the example above, you can enter Toys in the Option label section.
Create a “multi-level collection” filter by using multi-level tags
1. In the Multi-level tag items section, the first row represents the first level of this filter. In the left box, select a tag that you have added to a group of specific products. In the right box, enter how you want it to appear on your storefront.
In the example above, in the left box, you will select the "doll" tag. Then, you enter Doll in the right box. When your customers select the Doll checkbox on your storefront, they will see all products that have the "doll" tag.
2. When you want the level you have created in step 1 to have a smaller subset of related products, click Add new item to [the tag used in step 1]. Then, in the left box, select a tag that you have added to a group of specific products. In the right box, enter how you want it to appear on your storefront.
In the example above, you will click Add new item to doll. In the left box, you select the "dollplayset" tag. In the right box, you enter Doll Playsets to let customers know one type of doll toy that you have.
3. If you want the level you have created in step 2 to have another sub-level, click Add new item to [the tag used in step 2] and repeat those steps.
If you want to create another level that is at the same level as the level you have created in step 2, click Add new item to [the tag used in step 1].
In the example above, you will click Add new item to doll. In the left box, you select the plushdoll tag. In the right box, you enter Plush Dolls to let customers know one more type of doll toy that you have.
Note: Products used to create a parent level and products used to create its child level are not correlated by tags. In the example of displaying toy types above, to create the "Doll Playsets" child level, you simply have to use products with the "dollplayset" tag. You don't need to add the "doll" tag and "dollplayset" tag to those products in order to make the "Doll Playsets" collection to be the child collection of the “Doll” collection.
4. Repeat those steps if needed.
5. Drag and drop these collections and tags into your desired position.
6. Click Save on the Edit filter option page.
7. Click Save on the Filter Options page.
8. Check how new settings appear on your storefront.