---
title: "Filters: refine product search"
description: "Create filters (color, size, material, gender) so visitors can refine their catalog search and find the right product faster."
url: https://docs.vivlab.com/en/sections/facets
---

# Filters

**Filters** let visitors narrow down the catalog, for example by color, material, size or gender. On this page, create a filter, change its available choices, change the order of filters or disable one you no longer need.

In the form, **facet** means one choice in a filter. For example, **Color** is the filter and **Red**, **Blue** and **Green** are its facets.

Each row of the table shows the **Name** of the filter, the list of its **Facets** (possible values) and its **Status**. Click on a row to edit its settings.

The dashboard is shown in French, with English captions.

<DocsVideo
  video-id="walkthrough-facets"
  src="https://docs.vivlab.com/videos/facets/facets.mp4"
  poster="/videos/facets/poster.webp"
  captions="/videos/facets"
  label="Tutorial: create an active product filter"
  locale="en"
  :duration="17.6"
/>

::: details Read the video steps

1. <VideoTimecode video-id="walkthrough-facets" :seconds="0" label="Play at" /> — In Filters, click “Create a facet filter”.
2. <VideoTimecode video-id="walkthrough-facets" :seconds="2.5" label="Play at" /> — The new filter is active by default.
3. <VideoTimecode video-id="walkthrough-facets" :seconds="3.8" label="Play at" /> — Click the name field, then enter Styles.
4. <VideoTimecode video-id="walkthrough-facets" :seconds="5.7" label="Play at" /> — Click the first value, then enter Minimal.
5. <VideoTimecode video-id="walkthrough-facets" :seconds="7.6" label="Play at" /> — Click “Add a facet”.
6. <VideoTimecode video-id="walkthrough-facets" :seconds="9" label="Play at" /> — Click the new value, then enter Coloré.
7. <VideoTimecode video-id="walkthrough-facets" :seconds="11" label="Play at" /> — Click “Save”.
8. <VideoTimecode video-id="walkthrough-facets" :seconds="13.2" label="Play at" /> — The filter is saved and visible.
9. <VideoTimecode video-id="walkthrough-facets" :seconds="14.4" label="Play at" /> — Styles appears with Minimal, Coloré, and Visible status.

:::

## Create a facet filter

Click **Create a facet filter** to add a new criterion (for example _Color_, _Material_, _Gender_). Once the filter is created, link its values to the relevant [products](https://docs.vivlab.com/en/sections/products.md) from the product page, in the **Product categorization** section.

## Reorder

When several filters coexist, the **Reorder** button lets you choose the display order on the store. The order determines how your visitors see filters stack on catalog pages.

## Selection and CSV export

Tick one or more rows to reveal the bulk actions: **Activate**, **Deactivate**, **Delete** (after confirmation) and **Export to CSV file**. The export opens the **Export data** window, where you pick the scope (**All items** or the current selection) and the format: Excel-friendly by default, or with a custom separator (comma, semicolon, tab, pipe). The file contains the id, name, facets and status of each filter.

Each row also has a menu at the end to **Edit** or **Delete** a single filter.

## Filter settings

Clicking on a filter gives you access to its settings.

Fill in the **Facet filter name** (e.g. _Color_): it's the label visible to your visitors above the list of values.

In the **Facet list**, add each possible value (**Red**, **Blue**, **Green**…) with the **Add a facet** button. Each value becomes selectable as a filter on catalog pages. On each row, a checkbox lets you disable the value without deleting it, a handle reorders it by drag and drop (once the filter is saved) and a trash icon removes it.

The **Facet filter status** block lets you toggle the filter between active and disabled. A disabled filter no longer appears on the store, but the existing associations on products are kept.

<DocsScreenshot name="facets-values" alt="A Styles filter containing Minimal and Colourful values." :width="638" :height="436" />
