Skip to main content

Filtering products by using multi-level tags

We will show you how to set up your filter using multi-level tags

Thomas Ta avatar
Written by Thomas Ta
Updated over a week ago

šŸ“– When an attribute isn’t available in Shopify or Boost, build the filter using product tags. To organize options into nested groups, use the Multi‑level tags filter—it lets shoppers drill down


Set up a ā€œMulti-level tagsā€ filter option

Why? For instance, on your All products page, you don’t need a separate Toys collection. Instead, add a Multi‑level tags filter and use your toy‑related product tags (e.g., Action figures, Puzzles, Plush) so shoppers can filter toy items by type.

  1. Make sure that you have added tags to specific products that you want to have in this filter

  2. From the app’s dashboard, go to Filter > Filter trees

  3. Select the filter tree that you want to display the "Multi-level tags" filter

  4. Select the Add filter option

  5. In the drop-down of Option Type, select Multi-level tags

  6. In the Option label section, enter how you want it to appear on your storefront.

In the example above, you can enter Toy in the Option label section.


Create a ā€œmulti-level collectionā€ filter by using multi-level tags

  • Step 1: In the Multi-level tag items section, the first row represents the first level of this filter. Select your designated product tag on the left box and assign a display name on the right box.
    ​
    ​For example, we select the "Doll" tag with the displayed name also as ā€œDollā€. When our customers select the Doll checkbox on our storefront, they will see all products that have the "Doll" tag.

  • Step 2: When you want a second level to the first level to display a subset of related products, use Add new item to [the first level tag]. Select your subset product tag on the left box and assign a display name on the right box.
    ​
    In the example above, we will choose Add new item to Doll. We proceed to select the "Doll Playsets" tag and name it ā€œDoll Playsetsā€ for display.

  • Step 3: If you want the second level to have another sub-level, choose Add new item to [the second level tag] and repeat the tag-selection-and-naming steps.

If you want to create another second level, click Add new item to [the first level tag].

In the example above, we will repeat Add new item to Doll. We proceed to select the "Plush Doll" tag and name it ā€œPlush Dollā€ for display.

šŸ’” 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 to make the "Doll Playsets" collection the child collection of the ā€œDollā€ collection.

  • Step 4: Repeat the above steps until finished

  • Step 5: Drag and drop these collections and tags into your desired position

  • Step 6: Save on the Edit filter option page

  • Step 7: Save on the Filter Options page

  • Step 8: Check how new settings appear on your storefront

Feel free to reach out to our dedicated support team via chat if you have any questions or require additional assistance.

Did this answer your question?