Use filter subcategories to organize long lists of filters and ease browsing.

Filters, filter groups, and filter subcategories can be used to represent naturally hierarchical filter sets, such as geographic regions, scientific taxons, and product version lists.


Create a filter group

Start with a filter group named with the broadest term to describe the set of filters within. This term will be the heading on display for all the filters that come under it, so it should be clear and distinct from other filter groups. Optionally, add a label prefix to help organize and contain labels.

Optionally, add a label prefix

A label prefix can help disambiguate filters used in other filter groups that have the same name but different meanings.

Create a 'parent' filter

The next 'level' down is a filter. This filter acts as a "parent filter" that describes what subcategories and filters will come 'below' it and that will be automatically applied to content when one of its lower level filters is applied. In

Create a subcategory

Click on the gear icon to the right of the filter.


If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the Steps block above to narrow the gap between the two blocks.

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.