Filtres

Liens en vedette

1. Documentation Shopify sur le filtrage de la boutique en ligne
2. Documentation Shopify sur les filtres Search and Discovery
3. Documentation Shopify sur les formats de balises
4. Application Search & Discovery
5. Documentation Shopify sur l’ajout de filtres avec Shopify Search & Discovery
6. Documentation Shopify sur les métachamps
7. Documentation Shopify sur les métaobjets
8. Documentation Shopify sur les filtres visuels
9. Documentation Shopify sur les définitions de métachamps
10. Documentation Shopify sur la modification des filtres

Dans le thème Shopify Align, les filtres aident les clients à affiner les articles de blog, les produits des collections et les résultats de recherche. Les filtres de blog utilisent les balises d’articles, tandis que les filtres de produits sont gérés dans Shopify et peuvent utiliser les données produit standard, les options de produit, les métachamps et les métaobjets.

Pour obtenir de l’aide concernant les paramètres du thème Align, utilisez l’assistance Company XYZ.

Filtrage des blogs

Les filtres de blog permettent aux visiteurs d’affiner les articles en sélectionnant directement des options basées sur les balises dans une page de blog.

Activer les filtres de blog

1. Dans l’interface administrateur Shopify, accédez à Online Store → Themes → Customize.
2. Ouvrez le modèle Blog que vous souhaitez modifier. La même configuration s’applique à tous les modèles de blog.
3. Sélectionnez la section Blog content.
4. Activez Enable filters.
5. Ajoutez au moins un groupe de filtres.

Créer des groupes de filtres

Les groupes de filtres correspondent aux titres affichés dans l’interface de filtrage, comme « Topics », « Guides » ou « News ».

1. Dans Blog content → Filters, sélectionnez Add filter group.
2. Saisissez un Group title.
3. Définissez Filter by sur Tags.
4. Ajoutez les balises à inclure dans le groupe.
5. Choisissez si le groupe doit être ouvert ou réduit par défaut. Les groupes réduits permettent de garder la page organisée lorsque plusieurs groupes sont présents.

Les balises proviennent directement des articles de blog. Chaque balise répertoriée doit exister sur au moins un article, sinon l’option ne renverra aucun résultat. Pour obtenir des conseils sur le format des balises, consultez la documentation Shopify sur les formats de balises

La correspondance des balises ne tient pas compte des majuscules et minuscules, mais les espaces et les caractères doivent correspondre. Par exemple, News et news correspondent, mais tag 1 et tag_1 ne correspondent pas.

Fonctionnement des filtres de blog

La sélection d’une balise met immédiatement à jour les articles visibles. Lorsque les visiteurs sélectionnent plusieurs balises, seuls les articles contenant toutes les balises sélectionnées sont affichés.

Les sélections sont indiquées dans l’URL. Les vues filtrées peuvent donc être partagées ou enregistrées dans les favoris.

Résoudre les problèmes liés aux filtres de blog

Si une option apparaît mais ne renvoie aucun article :

1. Vérifiez que la balise existe sur au moins un article.
2. Vérifiez que les espaces et les caractères spéciaux de la balise correspondent exactement.
3. Supprimez les fautes de frappe ou les espaces supplémentaires de la liste de balises du groupe de filtres.

Filtrage des produits

Les filtres de produits aident les clients à affiner les pages de collections et les résultats de recherche selon la disponibilité, le type de produit, le prix, la couleur ou d’autres attributs pertinents. Seuls les filtres et les valeurs applicables à la collection ou aux résultats de recherche actuels sont affichés.

Utilisez l’application Search & Discovery pour créer, organiser et personnaliser les filtres de produits. Elle fournit également des commandes pour les résultats de recherche et les recommandations de produits. Consultez la page personnaliser les filtres avec l’application pour connaître le processus Shopify complet.

Pour connaître les étapes de configuration actuelles, consultez la documentation Shopify sur l’ajout de filtres avec Shopify Search & Discovery

Vérifier la prise en charge du thème

Le filtrage des produits nécessite un thème Online Store 2.0. Pour vérifier la prise en charge dans Shopify, accédez à Online Store → Navigation et consultez Collection and search filters.

Si le filtrage n’est pas pris en charge, les filtres peuvent tout de même être créés, mais ils n’apparaîtront pas dans la boutique en ligne. Certains thèmes tiers non pris en charge peuvent ne pas afficher de message de compatibilité.

Afficher les filtres de produits

Les thèmes prenant en charge le filtrage proposent un paramètre de section permettant d’activer ou de désactiver les filtres. Dans Align, consultez les modèles de collection et de recherche concernés dans Online Store → Themes → Customize après avoir créé les filtres dans Search & Discovery.

Dans les thèmes développés par la plateforme, ce paramètre apparaît dans la section Product grid des pages de collection et dans la section Search results de la page de recherche. Lorsqu’un client sélectionne une option, la liste de produits est automatiquement mise à jour pour afficher les résultats correspondants.

Sources des filtres de produits

Vous pouvez sélectionner jusqu’à 25 filtres. Les filtres standard sont disponibles pour toutes les boutiques, tandis que les filtres personnalisés peuvent refléter la structure spécifique de votre catalogue.

Filtres standard

Les sources standard comprennent la disponibilité, le prix, le fournisseur, le type de produit et les balises.

Note

Le filtre de prix apparaît uniquement lorsque les clients achètent dans la devise principale de la boutique.

Filtres d’options de produit

Les filtres d’options de produit sont basés sur les variantes. Par exemple, les produits comportant des variantes de taille peuvent proposer un filtre Size.

Comme les options sont des filtres au niveau des variantes, plusieurs valeurs sélectionnées peuvent tout de même renvoyer un seul produit si celui-ci possède des variantes correspondantes.

Filtres de métachamps et de métaobjets

Les métachamps peuvent fournir des filtres propres au catalogue, comme une tranche d’âge pour les jouets. Les métaobjets peuvent prendre en charge les filtres visuels avec des couleurs ou des images conviviales pour les clients.

Les types de valeurs de filtres personnalisés pris en charge comprennent :

• Texte sur une seule ligne
• Listes de textes sur une seule ligne
• Décimal
• Entier
• Vrai ou faux
• Référence de métaobjet
• Listes de références de métaobjets

Un métachamp doit disposer d’une définition de métachamp avant de pouvoir être sélectionné comme filtre. Après la configuration, sélectionnez-le pendant la modification des filtres. Pour suivre une configuration guidée, consultez la page ajouter des filtres personnalisés avec des métachamps

Astuce

Utilisez le Bulk Editor pour mettre à jour les métachamps et d’autres attributs de produit sur plusieurs produits.

Créer et modifier des filtres de produits

1. Dans l’application Search & Discovery, accédez à Filters et sélectionnez Add filter.
2. Choisissez la source du filtre à rendre disponible pour les clients.
3. Vous pouvez renommer le Label destiné aux clients. Pour en savoir plus, consultez la page renommer les filtres
4. Vous pouvez modifier la relation entre les valeurs sélectionnées. Pour en savoir plus, consultez la page comportement des filtres
5. Vous pouvez regrouper des valeurs similaires en un seul choix destiné aux clients. Pour en savoir plus, consultez la page regrouper les valeurs de filtre
6. Sélectionnez Save.

Faites glisser les filtres sur l’écran Filters pour modifier leur ordre dans la boutique en ligne.

Modifier le libellé d’un filtre ne renomme pas sa source. Par exemple, renommer un filtre basé sur une option de produit ne modifie pas le nom de cette option sur les pages produit.

Valeurs de filtre

Seules les valeurs pertinentes pour la collection ou les résultats de recherche actuels sont affichées aux clients. Chaque filtre peut afficher jusqu’à 100 valeurs dans la boutique en ligne ; le regroupement des valeurs similaires peut réduire le nombre affiché.

L’application peut afficher jusqu’à 1 000 valeurs pour un filtre. Les valeurs qui n’y sont pas visibles peuvent tout de même apparaître dans la boutique en ligne si le filtre respecte la limite de 100 valeurs. Différentes règles de tri s’appliquent selon le format des valeurs.

Regrouper les valeurs similaires

Le regroupement combine plusieurs valeurs sources en une seule valeur destinée aux clients. Par exemple, « onyx », « ébène » et « midnight » peuvent apparaître ensemble sous « Noir ».

1. Dans l’application Search & Discovery, accédez à Filters.
2. Sélectionnez Add filter ou ouvrez un filtre existant.
3. Choisissez la source du filtre.
4. Dans le tableau Values, sélectionnez les valeurs à combiner. Utilisez la recherche ou Show more si nécessaire.
5. Sélectionnez Create group.
6. Saisissez le nom unique du groupe qui sera visible par les clients.
7. Sélectionnez Done, puis Save.

Si une valeur n’est pas disponible dans le tableau, utilisez la commande permettant d’ajouter une autre valeur et saisissez-la manuellement. Un groupe de filtres peut contenir jusqu’à 50 valeurs uniques et une boutique peut compter jusqu’à 1 000 groupes de filtres.

Trier les valeurs de filtre

Les valeurs sont normalement triées par ordre alphabétique ou numérique croissant. Les valeurs contenant un nombre et un mot commun sont regroupées naturellement ; par exemple, les valeurs d’âge sont triées ainsi :

1. 2 mois
2. 6 mois
3. 2 ans
4. 3 ans

Les filtres nommés « Size » utilisent un ordre personnalisé pour les termes de taille courants, en plaçant par exemple XS avant S.

Pour définir votre propre ordre, créez un métachamp de texte sur une seule ligne avec des choix prédéfinis. L’ordre des choix devient celui de la boutique en ligne et permet de créer des séquences telles que « Débutant », « Intermédiaire » et « Professionnel ».

Gérer les valeurs vides

Les valeurs vides peuvent être masquées, déplacées à la fin ou conserver leur ordre par défaut. Les masquer ou les reléguer au second plan aide les clients à se concentrer sur les choix qui renvoient actuellement des produits.

1. Dans l’application Search & Discovery, accédez à Settings.
2. Dans Filters, choisissez une option :
   • Hide supprime les valeurs vides et masque un filtre lorsque toutes ses valeurs sont vides.
   • Show at the end déplace les valeurs vides sous les choix disponibles.
   • Show in default order conserve la logique de tri normale.
3. Sélectionnez Save.

Exclure les valeurs indésirables

Pour un contrôle précis, utilisez un métachamp contenant uniquement les valeurs destinées au filtrage dans la boutique en ligne. Cette méthode est souvent préférable lorsque les balises de produit servent également aux conditions de collections automatisées ou au filtrage de la liste de produits dans l’interface administrateur

Un type de métachamp de texte sur une seule ligne ou un type de liste peut remplacer une source de filtre basée sur les balises de produit.

Filtres visuels

Les filtres visuels peuvent associer des valeurs à des couleurs ou à des images de motifs. Lorsqu’un filtre utilise un métaobjet, Display options détermine si les clients voient du texte, des pastilles ou les deux.

Conditions requises pour les pastilles

Une configuration de pastilles nécessite :

1. Un métaobjet comportant au moins un champ texte pris en charge, comme un texte sur une seule ligne, un nombre décimal, un entier ou une valeur vraie ou fausse.
2. Au moins un champ de couleur ou un champ de fichier image. Les champs de liste ne sont pas pris en charge pour l’élément visuel.
3. Un métachamp de produit ou de variante qui fait référence au métaobjet.
4. Le métaobjet et le métachamp de référence doivent être activés pour l’accès à la boutique en ligne

Le tutoriel sur les métaobjets fournit des conseils de configuration supplémentaires.

Configurer un filtre visuel

1. Dans l’application Search & Discovery, accédez à Filters.
2. Ajoutez un filtre ou ouvrez-en un existant.
3. Sélectionnez un filtre avec une référence de métaobjet.
4. Sélectionnez Display options.
5. Choisissez le métachamp utilisé pour la Label de la valeur.
6. Si Show swatch est activé, sélectionnez un champ de couleur pour Swatch color, un champ image pour Swatch pattern, ou les deux.
7. Désactivez Show swatch pour afficher uniquement les libellés.

Note

Les thèmes donnent souvent la priorité à l’image d’une pastille plutôt qu’à sa couleur. Lorsque les deux sont configurées, la couleur sert généralement de valeur de secours lorsqu’aucune image de motif n’est disponible.

Comportement des filtres

Les sélections provenant de différents filtres utilisent une logique AND. Choisir « Rouge » dans Couleur et « 8 » dans Taille renvoie les produits qui satisfont les deux choix.

Les valeurs d’un même filtre utilisent par défaut une logique OR. Choisir « Rouge » et « Vert » dans Couleur renvoie les produits correspondant à l’une ou l’autre valeur. Les filtres de balises de produit, de listes de métachamps et de listes de références de métaobjets peuvent utiliser une logique AND à la place.

Pour personnaliser ce comportement :

1. Dans l’application Search & Discovery, accédez à Filters et sélectionnez Add filter.
2. Choisissez la source du filtre.
3. Dans Logic, sélectionnez la relation appliquée entre les valeurs.
4. Sélectionnez Save.

Consultez la page personnaliser le comportement des filtres pour plus de détails.

Traductions des filtres

Les libellés, valeurs et groupes de filtres peuvent être traduits dans les langues prises en charge. Une application de traduction telle que Translate & Adapt peut gérer ce contenu. Lorsqu’une traduction n’est pas disponible, la langue par défaut est utilisée.

Les filtres de balises de produit apparaissent uniquement dans la langue par défaut et les valeurs de fournisseur utilisent toujours la langue par défaut. Les autres valeurs dépendent du contenu traduit des produits et des variantes.

Des traductions incohérentes peuvent créer plusieurs valeurs pour un même concept. Par exemple, traduire « Brown » par « Brun » et « Marron » fait apparaître les deux valeurs. Uniformisez le contenu traduit des produits afin de conserver une seule valeur.

Les valeurs de filtre ne prennent pas en charge les instances linguistiques supplémentaires configurées pour des marchés spécifiques. Les valeurs utilisent la traduction générale de la langue, tandis que les libellés et groupes de filtres peuvent prendre en charge des traductions propres à chaque marché.

Limites

1. Les collections de plus de 5 000 produits n’affichent pas de filtres. Envisagez de diviser une grande collection en collections automatisées plus petites et de les relier par des menus de navigation déroulants
2. Les recherches de plus de 100 000 résultats n’affichent pas de filtres.
3. Un filtre de la boutique en ligne peut afficher jusqu’à 100 valeurs. Utilisez le regroupement lorsque davantage de possibilités existent.
4. L’application peut afficher jusqu’à 1 000 valeurs par filtre. Les filtres de métachamps peuvent en afficher moins, car seul un nombre limité de métachamps est vérifié pour rechercher des valeurs uniques.
5. Chaque groupe de filtres peut contenir jusqu’à 50 valeurs uniques, avec un maximum de 1 000 groupes pour les paramètres de filtre sélectionnés.
6. Les valeurs de fournisseur et de balise ne peuvent pas être traduites. Les filtres de balises apparaissent uniquement dans la langue par défaut et les valeurs de fournisseur utilisent toujours cette langue.
7. Les traductions des valeurs de filtre utilisent les langues publiées de la boutique et n’affichent pas les traductions propres aux marchés configurées via Markets
8. Le filtre de prix n’apparaît pas pour les devises autres que la devise par défaut de la boutique.

Notes d’utilisation

1. Faites soigneusement correspondre les balises de blog. Vérifiez les espaces et les caractères spéciaux lorsqu’un filtre de blog ne renvoie aucun article.
2. Choisissez des filtres de produits ciblés. Privilégiez les attributs qui aident réellement les clients à affiner une collection ou une recherche.
3. Regroupez les valeurs similaires. Regroupez les synonymes et les options quasi identiques avant qu’elles n’atteignent les limites d’affichage.
4. Testez la logique des filtres. Vérifiez que le comportement AND ou OR produit les combinaisons attendues par les clients.
5. Vérifiez les traductions. Conservez la cohérence des valeurs de produit traduites afin que les choix équivalents n’apparaissent pas comme des filtres distincts.