Facet management

This guide explains how to configure and manage facets (filters) within the Browse Controls section of the Commerce App . Facet management allows you to control how product filters are displayed to your users, optimizing product discovery and navigation .

1

Create Facet

1. Navigate to the Commerce App .
2. Under the Browse Controls menu, select Facet management .
3. Click on Create Facet to open the setup screen .

2

Define the Scope (Search Cases)

Choose when this facet configuration should be applied to search results :

• All: Applies these facets to all search queries .
• Specific: Target specific search queries. Type the designated search terms into the input field and press Enter to register them .

3

Add and Configure Filters

Click the Add filter + button to open the New filter modal . Fill in the following details:

1. Attribute: Select the product attribute you want to use as a filter from the dropdown (e.g., Price, Color, Brand, Size)
2. Filter behavior: Check Filter opened by default if you want this filter section expanded when the page loads
3. Display mode: Choose how the filter options should be rendered for users :

   • Multi-select checkboxes: Best for discrete options like brand names or categories.
   • Color palette: Best for visual color swatches
   • Range picker: Best for numeric ranges like prices
4. Click Create to add the filter to your configuration list

4

Organize and Reorder Filters

Once filters are added, they will appear under the Filters display section:

• Use the drag handles (drag indicator dots ::) on the left of each filter to drag and drop them into your preferred display order.
• Click the dropdown arrow on the right of a filter card to edit its specific settings.

5

Save and Apply

Once you are satisfied with the configuration:

1. Review your filters in the main list.
2. Click the Save and apply button in the top right corner to publish the changes to your storefront.