Les points clés
- Activez ou désactivez les options de tri dans Éditeur de thème > Page de collection > Paramètres de filtrage 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écent, Plus ancien, Titre du produit de A à Z.
- Les filtres et le tri sont gratuits via les outils intégrés de Shopify - aucune application payante n’est requise.
Le tri et le filtrage aident les clients à trouver des produits plus rapidement sur les grandes pages de collection. Shopify inclut ces fonctionnalités nativement - voici comment les activer et les configurer.
Pourquoi vous pouvez nous faire confiance
Nous avons créé et personnalisé des centaines de boutiques Shopify. Nous avons également créé Fudge - un éditeur de boutique IA noté 5.0 sur le Shopify App Store.
Comment activer les options de tri sur les pages de collection
Les contrôles de tri sont activés dans l’Éditeur de thème.
Étape 1. Allez dans Boutique en ligne > Thèmes > Personnaliser.
Étape 2. Naviguez vers une Page de collection en utilisant le sélecteur de page en haut.
Étape 3. Dans la barre latérale gauche, cliquez sur la section Collection ou Grille de produits.
Étape 4. Recherchez les paramètres appelés “Activer le tri”, “Afficher le tri” ou similaire. Activez-le.
Étape 5. Enregistrez.
Un menu déroulant de tri apparaît désormais sur vos pages de collection. Les clients peuvent l’utiliser pour modifier l’ordre des produits.
Article lié : Ajouter des données structurées dans Shopify.
Options de tri disponibles dans Shopify
Quand le tri est activé, les clients peuvent trier par :
- En vedette - votre ordre de tri par défaut (celui défini dans l’éditeur de collection)
- Meilleures ventes - classé par le volume des ventes historiques
- 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
Vous ne pouvez pas ajouter d’options de tri personnalisées (comme “Recommandé” ou “Note”) sans utiliser de code ou une application tierce. La liste ci-dessus est ce que Shopify propose nativement.
Pour plus de détails, consultez notre guide sur comment ajouter des ingrédients ou des instructions d’entretien dans Shopify.
Article lié : Ajouter du JavaScript personnalisé dans Shopify.
Article lié : 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 selon des 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 votre admin Shopify, allez dans Applications et cherchez “Search & Discovery” - elle est peut-être déjà installée. Sinon, installez-la depuis l’App Store (elle est gratuite).
Étape 2. Ouvrez l’application Search & Discovery.
Étape 3. Allez dans Filtres. Ici, vous pouvez ajouter et configurer des options de filtrage :
- Disponibilité (En stock / Rupture de stock)
- Prix (curseur de plage)
- Type de produit
- Fournisseur / Marque
- Filtres basés sur les tags - c’est l’option la plus puissante, elle vous permet de créer des filtres comme “Couleur”, “Taille”, “Matière” basés sur les tags des produits.
Étape 4. Ajoutez les filtres que vous souhaitez et définissez leurs noms d’affichage.
Étape 5. Assurez-vous que le modèle de votre page de collection a bien le filtrage activé dans l’Éditeur de thème (cherchez “Activer le filtrage” dans les paramètres de la section collection).
Article lié : Personnaliser une page de collection dans Shopify.
Filtres basés sur les tags
Les filtres les plus utiles proviennent des tags de produits. Si vous taguez vos produits de manière cohérente (par exemple, 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 des tags :
- Dans l’application Search & Discovery > Filtres, cliquez sur Ajouter un filtre.
- Choisissez Tag de produit.
- Définissez le nom du groupe de filtres (ex : “Couleur”) et spécifiez quels tags lui appartiennent.
Pour que cela fonctionne, vos produits doivent être tagués de façon cohérente. Allez dans Produits > sélectionnez un produit > champ Tags pour ajouter ou vérifier vos 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 vous avez besoin d’un filtrage par champs méta (filtrer par champs méta de produits plutôt que par tags), d’une recherche à facettes, ou d’une logique de filtres complexes et imbriqués, les outils natifs de Shopify et l’application Search & Discovery ont leurs limites. Des applications tierces comme Boost Commerce ou Searchpie repoussent largement ces limites.
Pour créer un design de filtre personnalisé (UI) qui diffère du style par défaut de votre thème, Fudge peut reconstruire le panneau de filtres à partir de votre simple description.
FAQ
Puis-je définir un ordre de tri par défaut autre que “En vedette” ?
Oui. Dans Produits → Collections → cliquez sur la collection → configurez “Trier par” en bas de page. Le tri par défaut est “Manuel” (ce qui correspond à “En vedette” sur la boutique en ligne), mais vous pouvez choisir Meilleures ventes, Plus récents, Alphabétique, etc. Cela définit le tri initial ; les clients pourront toujours modifier le tri par la suite.
Pourquoi le filtre de prix ne s’affiche-t-il pas sur ma page de collection ?
Trois causes fréquentes : (1) l’application Search & Discovery n’est pas installée, (2) vous l’avez installée mais n’avez pas configuré le filtre de prix dans la section Filtres, ou (3) la section des filtres du thème est désactivée dans l’Éditeur de thème. Ces trois conditions doivent être réunies pour que le filtre puisse s’afficher.
Est-ce que l’ajout de filtres va ralentir ma page de collection Shopify ?
Les filtres natifs via Search & Discovery ont un impact minime sur la vitesse : ils s’appuient sur la recherche indexée de Shopify. Les applications de filtres tierces (Boost, Searchpie) peuvent être plus lourdes ; vérifiez avec Lighthouse avant et après l’installation. Pour les très grandes collections (plus de 1000 produits), la performance du filtre dépend en grande partie de la quantité de données, et non de l’application de filtres.
Puis-je permettre aux clients de filtrer par champs méta ?
Oui, dans les thèmes récents de la Boutique en ligne 2.0 de Shopify. Dans Search & Discovery → Filtres → Ajouter un filtre, vous pouvez sélectionner des filtres basés sur les champs méta si vous en avez défini pour vos produits. Les thèmes plus anciens ne prennent pas toujours en charge les filtres par champs méta, même avec l’application — décrivez ce que vous souhaitez à Fudge (« ajoute un filtre ‘matière’ basé sur un champ méta à la page de collection ») et il ajoutera la logique du filtre directement dans le modèle de la collection.
Comment faire pour enlever l’option “Trier par” complètement ?
Dans l’Éditeur de thème → la section Collection → désactivez “Activer le tri” ou une option similaire. Certains thèmes ne permettent pas de désactiver le tri - dans ce cas, il faudra modifier le code pour retirer le menu déroulant de tri du modèle de la section.
