Articles sur : E-Commerce

Gestion des filtres e-commerce (filtrer les produits)

Les filtres permettent à vos clients de trier et affiner les produits affichés sur votre site. Vous pouvez les configurer globalement pour tout le site, ou les personnaliser page par page pour chaque catégorie et collection.


Dans cet article :

  1. Configurer les filtres globaux du site
  2. Personnaliser les filtres par catégorie ou collection
  3. Les filtres disponibles et leurs options




Configurer les filtres globaux du site



Depuis le menu de gauche, rendez-vous dans PARAMÈTRES > FILTRES.


Cette configuration s'applique à toutes les pages produits de votre site. Elle sert de base par défaut : toute catégorie ou collection non configurée individuellement utilisera ces filtres.



Activez les filtres que vous souhaitez afficher en utilisant le switch à droite de chaque ligne. Une fois activé, cliquez sur le filtre pour accéder à ses options de configuration.


Vous pouvez réordonner les filtres par glisser-déposer : l'ordre ici correspond à l'ordre d'affichage sur votre site.


Le filtre Variations n'est pas disponible à ce niveau. Il se configure uniquement par catégorie ou collection.



Personnaliser les filtres par catégorie ou collection



Dans le formulaire d'une catégorie ou d'une collection (voir Gérer les catégories et les collections), une section Configuration des filtres vous permet de définir des filtres spécifiques à cette page.


Si vous ne configurez rien ici, la catégorie ou collection hérite automatiquement de la configuration globale du site.



La configuration par catégorie ou collection offre deux options supplémentaires :


  • Pour le filtre Variations : sélectionnez les axes de variation à afficher (ex : uniquement la Taille, sans la Couleur).
  • Pour le filtre Tags : sélectionnez les types de tags à afficher sur cette page.



Les filtres disponibles et leurs options



Chaque filtre activé dispose des options communes suivantes :


  • Label personnalisé : remplacez le nom affiché sur votre site (laissez vide pour utiliser le nom par défaut).
  • Replié par défaut : si coché, le filtre s'affiche fermé et le client doit cliquer pour le déplier.



En plus de ces options communes, chaque filtre a ses propres réglages :



Prix


Choisissez le type d'affichage :

  • Slider : une barre de défilement pour définir une fourchette de prix.
  • Saisie min / max : deux champs texte pour saisir un prix minimum et maximum.



Tags


Choisissez le type d'affichage : Cases à cocher, Liste déroulante ou Boutons radio.


Par défaut, le filtre Tags affiche l'ensemble des tags de vos produits sous forme de liste unique.


Si vos tags sont structurés au format type:valeur (ex : couleur:bleu, couleur:rouge, matiere:tissu, matiere:lin), vous pouvez créer des filtres distincts par axe. Par catégorie ou collection, sélectionnez les types de tags à utiliser comme axes de filtre :

chaque type sélectionné devient un filtre indépendant sur votre site.


Exemple : en sélectionnant les axes couleur et matiere, vos clients verront deux filtres séparés — un filtre Couleur et un filtre Matière — au lieu d'une liste unique de tags.



Si aucun axe n'est sélectionné, tous les tags s'affichent dans une liste unique sans distinction de type.


Les tags de vos produits se configurent depuis la fiche produit. Pour en savoir plus, consultez l'article Gestion des produits.


Si vous ne voyez pas le champs **Type de tags, **c'est qu'aucun produit présent dans la catégorie ne présente de tag au format type:valeur. Il faut d'abord ajouter les produits dans la catégorie et en fonction des produits, le champ type de tags se met à jour.


Barre de recherche


Vous pouvez personnaliser le texte d'indication (placeholder) affiché dans le champ de recherche.



Variations


Choisissez le type d'affichage : Cases à cocher, Liste déroulante ou Boutons radio.




Par catégorie/collection uniquement : vous pouvez choisir quels axes de variation afficher (ex : Taille, Couleur, Contenance...).


Ce filtre n'est disponible qu'au niveau d'une catégorie ou collection, pas dans la configuration globale du site.


Si vous ne voyez pas le champs Axe de variation, **c'est qu'aucun produit présent dans la catégorie n'a de variation. Il faut d'abord ajouter les produits dans la catégorie et en fonction des produits, le champ **Axe de variation se met à jour.

Mis à jour le : 08/05/2026

Cet article a-t-il répondu à vos questions ?

Partagez vos commentaires

Annuler

Merci !