Collapse facet hierarchies

If your stores uses a lot of parent-child categories and you want to use them as facets (filters), it can be a real mess visually. What you need then is a way to collapse your categories: only show the children categories when the visitor needs to show and select them.

Here is the procedure:

1. Click on the button to open the Theme facets settings section
2. Select the option and save it

This option will collapse all facets marked as “hierarchies” as shown below:

In the previous screen, in action (1), the facet “Knowledge base category” is marked as “hierarchy”. It will therefore be collapsed by the Theme extension option as shown below:

(1) When first shown, the facet hierarchy is effectively totally collapsed. If we click on the collapsed icon, we can see, and select, the hidden sub categories:

Above, after clicking the collapsed icon(1) of “Developer”, the sub categories are revealed. The “Javascript” sub-category collapsed icon (2) can now be clicked.

Notice that the hierarchy remembers which categories are shown or hidden. So, if a user comes back, it’s previous selections will be displayed again.