Points clés
- Active ou désactive les options de tri dans Éditeur de thème > Page de collection > Paramètres de filtre et de tri.
- L’application Shopify Search & Discovery contrôle les types de filtres disponibles (prix, tag, fournisseur, etc.).
- Les options de tri disponibles incluent : Meilleures ventes, Prix, Plus récents, Plus anciens, Titre du produit de A à Z.
- Les filtres et le tri sont gratuits grâce aux outils intégrés de Shopify - aucune application payante n’est requise.
Pour ajouter des options de tri à une page de collection Shopify, ouvre l’Éditeur de thème, sélectionne la section de la grille de produits de la collection et active le tri. Les filtres sont configurés dans l’application gratuite Search & Discovery. Les deux sont intégrés à Shopify, tu n’as donc pas besoin d’une application payante.
Pourquoi vous pouvez nous faire confiance
Nous avons créé et personnalisé des centaines de boutiques Shopify. Nous avons également développé Fudge, l’opérateur IA pour les boutiques Shopify, qui a une note de 4.9 sur le Shopify App Store.
Comment activer les options de tri sur les pages de collection
Les contrôles de tri s’activent dans l’Éditeur de thème.
Étape 1. Va dans Boutique en ligne > Thèmes > Personnaliser.
Étape 2. Accède à une Page de collection en utilisant le sélecteur de page en haut.
Étape 3. Dans la barre latérale gauche, clique sur la section Collection ou la section Grille de produits.
Étape 4. Cherche les paramètres appelés “Activer le tri”, “Afficher le tri” ou similaire. Active-le.
Étape 5. Enregistre.
Un menu déroulant de tri apparaît désormais sur tes pages de collection. Les clients peuvent l’utiliser pour modifier l’ordre des produits.
Options de tri disponibles dans Shopify
Lorsque le tri est activé, les clients peuvent trier par :
- En vedette - ton ordre de tri par défaut (celui défini dans l’éditeur de collection)
- Meilleures ventes - triés par volume de ventes historique
- Par ordre alphabétique, de A à Z et de Z à A
- Prix, croissant et décroissant
- Date, du plus récent au plus ancien et du plus ancien au plus récent
Tu ne peux pas ajouter d’options de tri personnalisées (comme “Recommandé” ou “Note”) sans code ou sans application tierce. La liste ci-dessus est ce que Shopify propose nativement.
Pour définir l’ordre “En vedette” manuellement, consulte Réorganiser les produits dans une collection Shopify.
Comment activer les filtres sur les pages de collection
Les filtres permettent aux clients d’affiner la grille de produits en fonction d’attributs tels que la fourchette de prix, le type de produit, la couleur, la taille ou le fournisseur.
L’application Search & Discovery de Shopify contrôle les filtres disponibles. Elle est gratuite et gérée par Shopify.
Étape 1. Dans ton admin Shopify, va dans Applications et cherche “Search & Discovery” - elle est peut-être déjà installée. Sinon, installe-la depuis l’App Store (c’est gratuit).
Étape 2. Ouvre l’application Search & Discovery.
Étape 3. Va dans Filtres. Ici, tu peux ajouter et configurer des options de filtre :
- Disponibilité (En stock / Rupture de stock)
- Prix (curseur de plage)
- Type de produit
- Fournisseur / Marque
- Filtres par champs méta (metafields) - filtre par couleur, taille, matière ou n’importe quel champ méta de produit. Les filtres par tags fonctionnent également si ton catalogue utilise des tags.
Étape 4. Ajoute les filtres que tu souhaites et définis leurs noms d’affichage.
Étape 5. Assure-toi que le filtrage est activé pour ton modèle de page de collection dans l’Éditeur de thème (cherche “Activer le filtrage” dans les paramètres de la section collection).
Pour d’autres modifications de la page de collection, consulte Personnaliser une page de collection sur Shopify.
Filtres basés sur les tags
Les filtres par tags conviennent aux catalogues qui reposent sur les tags de produits. Si tu tagues tes produits de manière cohérente (par ex., colour:blue, colour:red, size:small, size:large), l’application Search & Discovery peut transformer ces tags en groupes de filtres.
Comment configurer des filtres basés sur les tags :
- Dans l’application Search & Discovery > Filtres, clique sur Ajouter un filtre.
- Choisis Tag de produit.
- Définis le nom du groupe de filtres (par ex. “Couleur”) et spécifie quels tags en font partie.
Pour que cela fonctionne, tes produits doivent être tagués de manière cohérente. Va dans Produits > sélectionne un produit > champ Tags pour ajouter ou vérifier les tags.
Affichage du nombre de résultats pour les filtres et le tri
Une fonctionnalité d’expérience utilisateur (UX) très pratique consiste à afficher combien de produits correspondent à la sélection d’un filtre (ex : “Bleu (12)”). C’est ce qu’on appelle parfois le compte de filtres, et c’est disponible nativement dans certains thèmes Shopify - vérifiez dans l’Éditeur de thème > Paramètres de la section Collection pour trouver l’option “Afficher le nombre de filtres”.
Position du panneau de filtre et de tri
Par défaut, les filtres apparaissent souvent dans une barre latérale gauche ou au-dessus de la grille de produits, selon le thème. Dans les paramètres de la section collection de l’Éditeur de thème, vous pouvez parfois choisir entre :
- Barre de filtres Horizontale au-dessus de la grille
- Barre latérale verticale sur la gauche
- Tiroir qui s’ouvre sur la gauche
Choisissez l’agencement qui correspond le mieux à votre thème et à la densité de vos produits.
Filtrage personnalisé au-delà des options natives de Shopify
Si tu as besoin d’une logique de filtrage imbriquée ou d’un search merchandising allant au-delà de Search & Discovery, des applications comme Boost Commerce ou Searchpie vont plus loin.
Pour des designs d’interface de filtres personnalisés qui diffèrent du style par défaut de ton thème, Fudge, l’opérateur IA pour les boutiques Shopify, peut reconstruire le panneau de filtres d’après ta description, sous forme de brouillon que tu peux prévisualiser. L’ordre de tri fait également partie de son travail de merchandising : Fudge peut réorganiser les collections par ventes, marges ou stock selon un calendrier que tu choisis, épingler des produits et empêcher les produits en rupture de stock d’encombrer le haut de la page.
FAQ
Puis-je définir un ordre de tri par défaut autre que "En vedette" ?
Oui. Dans Produits → Collections → clique sur la collection, puis utilise le contrôle de tri dans la carte Produits. Une nouvelle collection est définie par défaut sur Meilleures ventes, et tu peux le changer pour Manuel, Plus récent, Alphabétique, etc. Cela définit le tri initial ; les clients peuvent toujours retrier.
Pourquoi le filtre de prix ne s'affiche-t-il pas sur ma page de collection ?
Trois causes courantes : (1) L'application Search & Discovery n'est pas installée, (2) tu l'as installée mais n'as pas configuré le filtre de prix dans Filtres, ou (3) la section des filtres du thème est désactivée dans l'Éditeur de thème. Les trois doivent être en place pour que le filtre s'affiche.
L'ajout de filtres va-t-il ralentir ma page de collection Shopify ?
Les filtres natifs via Search & Discovery ont un impact minimal sur la vitesse - ils utilisent la recherche indexée de Shopify. Les applications de filtrage tierces (Boost, Searchpie) peuvent être plus lourdes ; vérifie Lighthouse avant et après l'installation. Pour les très grandes collections (+1000 produits), les performances des filtres sont dominées par la taille des données, et non par l'application de filtrage.
Puis-je laisser les clients filtrer par champs méta (metafields) ?
Oui, dans les thèmes récents de la Boutique en ligne 2.0 de Shopify. Dans Search & Discovery → Filtres → Ajouter un filtre, tu peux sélectionner des filtres basés sur des champs méta si tu as défini des champs méta de produits. Les anciens thèmes peuvent ne pas supporter les filtres de champs méta même avec l'application — décris ce que tu veux à Fudge ("ajoute un filtre 'matière' basé sur un champ méta à la page de collection") et il ajoute la logique du filtre directement au modèle de la collection.
Comment supprimer complètement l'option "Trier par" ?
Dans l'Éditeur de thème → Section Collection → désactive "Activer le tri" ou similaire. Certains thèmes ne permettent pas de désactiver le tri - dans ce cas, tu aurais besoin d'une modification de code pour retirer la liste déroulante de tri du modèle de la section.
