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 basé sur les 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 imbriqués complexe, les outils natifs de Shopify et Search & Discovery ont leurs limites. Les applications tierces comme Boost Commerce ou Searchpie permettent de contourner largement ces limitations.
Pour concevoir des interfaces utilisateur de filtres personnalisées qui diffèrent du style par défaut de votre thème, Fudge peut reconstruire le panneau de filtres en se basant sur votre description.
