Show Available Category Filters in a Separate Section with Images

[sahanljc]

The store owner can show available category filters in the left panel (this would be the default behavior), or above the product gallery as shelves along with images.

Expected Behavior

There will be a configuration option to choose between the two display modes. The default mode will be the existing one. The new mode will show the category tree itself by listing top-level ones, and displaying the children of each with the relevant images.

Current Behavior

As of now, the category filters are shown in the left panel.

Possible Solution

We can introduce a new component to render this layout. The logic for filtering has to be reusable by this component. We have to use the category tree to get the children of each category, and reject the categories which are not available in the filtered categories returned by the above logic. The CategoriesHighlights from vtex.store-components can be used to render the categories with images.

Context

Buyers are often more interested in categories rather than brands and specifications. They usually first look for a category, and then go for brands and specifications. It can be beneficial for a customer to do a faster search by highlighting category filters in the search results.