---
title: "Filtres : affiner la recherche produits"
description: "Créez des filtres (couleur, taille, matière, genre) pour que vos visiteurs affinent leur recherche dans le catalogue et trouvent plus vite le bon produit."
url: https://docs.vivlab.com/sections/facets
---

# Filtres

Les **filtres** permettent aux visiteurs de préciser leur recherche dans le catalogue, par exemple par couleur, matière, taille ou genre. Sur cette page, créez un filtre, modifiez les choix proposés, changez l'ordre des filtres ou désactivez ceux devenus inutiles.

Dans le formulaire, une **facette** est un choix à l'intérieur d'un filtre. Par exemple, **Couleur** est le filtre, et **Rouge**, **Bleu** et **Vert** sont ses facettes.

Chaque ligne du tableau affiche le **Nom** du filtre, la liste de ses **Facettes** (valeurs possibles) et son **État**. Cliquez sur une ligne pour en modifier les réglages.

<DocsVideo
  video-id="walkthrough-facets"
  src="https://docs.vivlab.com/videos/facets/facets.mp4"
  poster="/videos/facets/poster.webp"
  captions="/videos/facets"
  label="Tutoriel : créer un filtre de produits actif"
  locale="fr"
  :duration="17.6"
/>

::: details Lire les étapes de la vidéo

1. <VideoTimecode video-id="walkthrough-facets" :seconds="0" label="Lire à" /> — Dans Filtres, cliquez sur « Créer un filtre à facette ».
2. <VideoTimecode video-id="walkthrough-facets" :seconds="2.5" label="Lire à" /> — Le nouveau filtre est actif par défaut.
3. <VideoTimecode video-id="walkthrough-facets" :seconds="3.8" label="Lire à" /> — Cliquez dans le nom, puis saisissez Styles.
4. <VideoTimecode video-id="walkthrough-facets" :seconds="5.7" label="Lire à" /> — Cliquez dans la première valeur, puis saisissez Minimal.
5. <VideoTimecode video-id="walkthrough-facets" :seconds="7.6" label="Lire à" /> — Cliquez sur « Ajouter une facette ».
6. <VideoTimecode video-id="walkthrough-facets" :seconds="9" label="Lire à" /> — Cliquez dans la nouvelle valeur, puis saisissez Coloré.
7. <VideoTimecode video-id="walkthrough-facets" :seconds="11" label="Lire à" /> — Cliquez sur « Enregistrer ».
8. <VideoTimecode video-id="walkthrough-facets" :seconds="13.2" label="Lire à" /> — Le filtre est enregistré et visible.
9. <VideoTimecode video-id="walkthrough-facets" :seconds="14.4" label="Lire à" /> — Styles apparaît avec Minimal, Coloré et l’état Visible.

:::

## Créer un filtre à facette

Cliquez sur **Créer un filtre à facette** pour ajouter un nouveau critère (par exemple _Couleur_, _Matière_, _Genre_). Une fois le filtre créé, associez ses valeurs aux [produits](https://docs.vivlab.com/sections/products.md) concernés depuis la fiche produit, dans la section **Catégorisation du produit**.

## Réorganiser

Lorsque plusieurs filtres coexistent, le bouton **Réorganiser** permet de choisir l'ordre d'affichage sur la boutique. L'ordre détermine la manière dont vos visiteurs voient les filtres s'empiler sur les pages de catalogue.

## Sélection et export CSV

Cochez une ou plusieurs lignes pour faire apparaître les actions groupées : **Activer**, **Désactiver**, **Supprimer** (après confirmation) et **Exporter en fichier CSV**. L'export ouvre la fenêtre **Exporter les données**, où vous choisissez la portée (**Tous les éléments** ou la sélection en cours) et le format : compatible Excel par défaut, ou avec un séparateur personnalisé (virgule, point-virgule, tabulation, barre verticale).

Le fichier contient l'identifiant, le nom, les facettes et l'état de chaque filtre.

Un menu en bout de ligne permet aussi de **Modifier** ou **Supprimer** un filtre à l'unité.

## Réglages d'un filtre

En cliquant sur un filtre, vous accédez à ses réglages.

Renseignez le **Nom du filtre à facette** (ex. _Couleur_) : c'est le libellé visible par vos visiteurs au-dessus de la liste des valeurs.

Dans la **Liste des facettes**, ajoutez chaque valeur possible (**Rouge**, **Bleu**, **Vert**…) avec le bouton **Ajouter une facette**. Chaque valeur devient sélectionnable comme filtre sur les pages catalogue. Sur chaque ligne, une case à cocher permet de désactiver la valeur sans la supprimer, une poignée de la réordonner par glisser-déposer (une fois le filtre enregistré) et une icône corbeille de la retirer.

Le bloc **État du filtre à facette** permet de basculer le filtre entre actif et désactivé. Un filtre désactivé n'apparaît plus sur la boutique, mais les associations existantes sur les produits sont conservées.

<DocsScreenshot name="facets-values" alt="Un filtre Styles avec les valeurs Minimal et Coloré." :width="638" :height="436" />
