Ajout de filtres
Vous pouvez utiliser l’application Shopify Search & Discovery pour créer des filtres pour votre boutique en ligne, permettant aux client(e)s d’affiner les produits qui s’affichent sur les pages de collection et dans les résultats de recherche. Par exemple, une boutique qui vend des montres pourrait créer des filtres pour le nom de la marque, le prix, la taille du cadran et la résistance à l’eau.
Sur cette page
Exigences
Les filtres sont disponibles pour tous les thèmes Online Store 2.0 ainsi que pour les interfaces de vente personnalisées utilisant soit l’API Liquid des filtres, soit l’API Storefront pour leur boutique en ligne. Découvrez comment afficher les filtres dans votre thème Online Store 2.0.
Si votre thème ne prend pas en charge les filtres, vous pouvez toujours créer des filtres dans l’application Shopify Search & Discovery, mais ils ne seront pas affichés pour les clients.
Pour savoir si le thème de votre boutique prend en charge le filtrage, accédez à Contenu > Menus dans votre interface administrateur Shopify. Si ce n’est pas le cas, un message s’affiche dans la section Filtres de collection et de recherche.
Considérations pour l’ajout de filtres
Examinez les considérations suivantes pour utiliser l’application Shopify Search & Discovery :
- Les collections contenant plus de 5 000 produits n’affichent aucun filtre. Envisagez de diviser les grandes collections en collections plus petites, qui peuvent afficher des filtres. Par exemple, au lieu de créer une seule collection de mode Femme, vous pouvez créer des collections plus petites en fonction du type de vêtements, tels que Tops, Jeanset Bottes.
- Une recherche qui produit plus de 100 000 résultats n’affiche pas les filtres.
- Un filtre peut afficher un maximum de 100 valeurs de filtre sur votre boutique. Si votre filtre a plus de 100 valeurs possibles, certaines valeurs ne seront pas affichées pour les client(e)s. Vous pouvez réduire le nombre de valeurs de filtre possibles en regroupant des valeurs similaires. Un groupe de filtres peut avoir un maximum de 200 valeurs de filtre uniques, et votre boutique peut avoir un maximum de 1 000 groupes de filtres pour tous les paramètres de filtre sélectionnés.
- Dans l’application Search & Discovery, un filtre peut afficher un maximum de 1 000 valeurs de filtre. Il est possible d’afficher uniquement un maximum de 999 valeurs. En effet, le système peut vérifier un seul nombre limité de valeurs uniques dans les champs méta d’une boutique. Les valeurs de filtre qui n’apparaissent pas dans l’application peuvent toutefois être présentées aux clients sur votre boutique en ligne, à condition que le filtre affiche moins de 100 valeurs de filtre.
- Les traductions ne sont pas prises en charge pour les valeurs des filtres de Fournisseur et de Balise. Le filtre de balise de produits est affiché uniquement pour les clients effectuant leurs achats dans la langue par défaut de votre boutique. Les valeurs du filtre de fournisseur sont toujours basées sur la langue par défaut de votre boutique.
- Les traductions de valeurs de filtre sont basées sur les langues publiées pour votre boutique en ligne et n’afficheront pas les traductions pour les marchés configurés avec International.
- Le filtre de prix n’est pas affiché pour les devises autres que la devise par défaut de la boutique.
Types de filtres
Toutes les boutiques peuvent afficher les mêmes filtres standard, et vous pouvez créer des filtres personnalisés uniques à votre catalogue de produits. Vous pouvez avoir une combinaison de filtres standard et personnalisés, jusqu’à un maximum de 25 filtres pour votre boutique.
Chaque source de filtre peut être utilisée une seule fois pour les filtres d’une boutique. Par exemple, si le filtre Prix est actif dans votre boutique, le prix est grisé et ne peut pas être sélectionné comme source pour un nouveau filtre.
Filtres standard
Les filtres standard de Disponibilité, Catégorie, Prix, Type de produit, Balises et Fournisseur sont disponibles pour toutes les boutiques.
Filtres personnalisés
Les filtres personnalisés sont basés sur les options de produits, les champs méta ou les métaobjets utilisés dans votre boutique.
Filtres d’options de produit
Les filtres d’options de produit sont basés sur les options de produit que vous avez ajoutées à vos produits.
Par exemple, si vous avez ajouté une option de produit « Taille » à vos produits de vêtements avec des valeurs telles que « S », « M » et « L », une option de filtre d’option de produit correspondante « Taille » sera disponible dans l’application Search & Discovery.
Filtres de champs méta de catégorie
Les filtres pour les champs méta de catégorie nécessitent que les produits utilisent la taxonomie de produit standard de Shopify pour les catégories et les attributs.
Par exemple, un produit de la catégorie « Chemises » peut avoir des champs méta de catégorie Couleur, Taille et Col. Une fois que vous avez fixé des valeurs pour ces champs méta, l’application Search & Discovery listera les champs méta de catégorie en tant qu’options de filtre.
L’application Search & Discovery affiche toutes les valeurs possibles à partir de l’attribut de taxonomie de base pour les filtres de catégorie selon le champ méta. Par exemple, si vous avez un produit de montre avec une catégorie de champs méta « Couleur du cadran » et « Couleur du bracelet », l’application listera le même ensemble de valeurs pour les deux filtres, car ils partagent le même attribut de base « Couleur » dans la taxonomie de produit de Shopify pour les montres. Toutefois, votre boutique en ligne affiche uniquement les valeurs de couleur utilisées par les produits filtrés et qui correspondent au champ méta de catégorie spécifique du filtre (uniquement les couleurs de composition pour le filtre « Couleur de composition », et uniquement les couleurs de bande pour le filtre « Couleur de bande »).
Filtres de champs méta personnalisés
Les filtres peuvent être basés sur des champs méta et des métaobjets propres à votre boutique. Ceci est utile pour créer des filtres pour votre catalogue de produits que l’on ne trouve pas dans la taxonomie de produits standard de Shopify. Par exemple, si vous vendez des jouets pour enfants, vous pouvez créer un filtre Âge de champ méta de produit personnalisé. Vous pouvez également créer des filtres visuels avec des métaobjets pour aider les clients à comprendre rapidement vos filtres.
Les champs méta doivent avoir une définition de champ méta pour être utilisés comme filtre. Découvrez comment ajouter une définition de champ méta. Vous pouvez créer des filtres de champs méta pour les types de valeurs suivants :
- Une seule ligne de texte
- Une seule ligne de texte (liste)
- Décimale
- Entier
- Vrai ou faux
- Référence du métaobjet
- Référence du métaobjet (liste)
Une fois que vos champs méta sont configurés sur vos produits ou variantes, vous pouvez sélectionner la définition de champ méta comme filtre lorsque vous modifiez vos filtres.
Modifier les filtres
- Dans l’application Shopify Search & Discovery, accédez à Filtres, puis cliquez sur Ajouter un filtre.
- Cliquez sur le champ Source, puis sélectionnez une source de filtre que vous souhaitez mettre à la disposition de vos clients.
- Facultatif : Renommer le filtre.
- Facultatif : modifiez le comportement du filtre.
- Facultatif : modifiez l’affichage visuel.
- Facultatif : sélectionnez les valeurs de filtre à regrouper en tant que valeur unique.
- Facultatif : triez les valeurs de filtre.
- Cliquez sur Enregistrer.
Vous pouvez également réordonner les filtres de la section Filtres. Cliquez et faites glisser des filtres individuels dans l'ordre que vous souhaitez afficher auprès des clients.
Renommer les filtres
Vous pouvez modifier le nom visible par les clients pour tous les filtres existants de votre boutique.
La modification du nom du filtre ne changera pas les informations sur la source du filtre. Par exemple, renommer le filtre en fonction d’une option de produit ne changera pas le nom de cette option affiché sur les pages de produits individuelles.
Étapes
- Dans l’application Shopify Search & Discovery, accédez à Filtres, puis cliquez sur le filtre que vous souhaitez renommer.
- Dans le champ Filtrer l’étiquette, saisissez votre nouvelle étiquette.
- Cliquez sur Enregistrer.
Filtrer les valeurs
Filtrez uniquement les valeurs qui s’appliquent aux produits d’une collection ou d’un résultat de recherche affichés dans votre boutique.
Il existe différentes règles de tri appliquées aux valeurs de filtre et vous pouvez utiliser des filtres de champs méta pour mieux contrôler le tri et les valeurs affichées.
Valeurs de filtres de regroupement
Vous pouvez regrouper plusieurs valeurs de filtre pour les afficher en tant que valeur de filtre unique pour les client(e)s. Par exemple, vous avez un produit avec une option Couleur qui inclut Onyx, Ébène et Minuit. Vous pouvez regrouper ces valeurs sous un filtre unique nommé Noir. Un groupe de filtres peut contenir un maximum de 200 valeurs de filtre uniques, et une boutique peut contenir un maximum de 1 000 groupes de filtres.
Étapes :
- Dans l’application Shopify Search & Discovery, accédez à Filtres, puis cliquez sur Ajouter un filtre ou cliquez sur le nom d’un filtre existant.
- Si vous groupez des champs méta de catégorie, cliquez sur Gérer les valeurs et choisissez une option. En savoir plus sur le regroupement de champs méta de catégorie
- Dans la section Valeurs, sélectionnez les valeurs que vous souhaitez regrouper en tant que valeur de filtre unique. Vous pouvez utiliser la barre de recherche pour trouver d’autres valeurs de filtre.
- Cliquez sur Créer un groupe.
- Saisissez un nom pour le groupe. Il s’agit de la valeur de filtre unique affichée pour les clients.
- Cliquez sur Done (Terminé).
- Cliquez sur Enregistrer.
Regroupement des filtres de champs méta de catégorie
Les filtres de champs méta de catégorie offrent une fonctionnalité de regroupement unique à laquelle vous pouvez accéder en cliquant sur Gérer les valeurs.
Vous pouvez choisir le regroupement automatique ou manuel :
- Automatique : les valeurs sont automatiquement regroupées autour de leur valeur de base de taxonomie. Par exemple, si votre filtre « Couleur » inclut Rouge clair, Bordeaux et Rubis, ces valeurs seront toutes regroupées sous leur valeur de base Rouge. Vous pouvez personnaliser l’étiquette de groupe et l’échantillon, mais vous ne pouvez pas ajouter ni supprimer de valeurs.
- Manuel : les valeurs sont initialement non regroupées et peuvent être regroupées selon les étapes ci-dessus.
Limites
Le filtre Catégorie ne prend pas en charge le regroupement.
Trier les valeurs de filtre
Vous pouvez trier les valeurs de filtre de manière à répondre le mieux possible aux besoins de votre boutique. Nous proposons deux ordres de tri :
Tri automatique
Les valeurs de filtre s’affichent par défaut dans l’ordre croissant, à la fois par ordre alphabétique et numérique. Par exemple, un filtre d’option de produit Pointure affiche les valeurs les plus petites aux plus grandes.
Les valeurs de filtre qui commencent par un chiffre et se terminent par un mot, tels que 60 watts, s’afficheront à côté des valeurs du filtre qui se terminent par le même mot. Par exemple, un filtre d’option de produit Âge avec les valeurs de filtre 2 ans, 6 mois et 3 ans et 2 mois seront triées dans l’ordre suivant :
- 2 mois
- 6 mois
- 2 ans
- 3 ans
Les ordres de tri personnalisés sont appliqués pour les filtres nommés Taille, afin que les termes de taille courants s’affichent dans l’ordre correct. Par exemple, XS (très petit) vient avant S (petit).
Les nouvelles valeurs de filtre seront triées automatiquement.
Tri manuel
Le tri manuel vous permet de choisir l’ordre d’affichage des valeurs de filtre. Après avoir enregistré un ordre de tri manuel, toutes les nouvelles valeurs de filtre s’affichent à la fin de la liste jusqu’à ce que vous mettiez à jour l’ordre de tri.
Étapes :
- Dans l’application Search & Discovery de Shopify, accédez à Filtres et choisissez un filtre existant ou créez‑en un autre.
- Sous Trier, sélectionnez Manuellement.
- Faites glisser les valeurs pour les réorganiser. Vous pouvez également sélectionner plusieurs valeurs et cliquer sur Déplacer vers le haut ou Déplacer vers le bas pour les rassembler.
- Facultatif : cliquez sur Réorganiser pour moi afin de trier avec Shopify Magic
- Cliquez sur Enregistrer.
Trier avec Shopify Magic
Vous pouvez utiliser Shopify Magic pour trier les valeurs dans un ordre logique en fonction du nom du filtre et de ses valeurs. Pour déterminer l’ordre de tri, les filtres utilisant des filtres d’échantillon tiennent compte des codes hexadécimaux et de leur position sur la palette de couleurs.
Le bouton Réorganiser pour moi triera vos valeurs avec Shopify Magic. Si le nouvel ordre ne répond pas à vos attentes, vous pouvez cliquer sur le bouton Annuler pour rétablir votre ordre manuel ou arranger de nouveau les valeurs afin de mieux répondre aux exigences de votre boutique.
Personnaliser les valeurs de filtre vides
Pour aider les clients à trouver les produits disponibles, vous pouvez gérer les valeurs de filtre vides en les déplaçant en bas de la liste ou en les masquant entièrement. Cela permet aux clients de se concentrer sur les valeurs avec des résultats correspondants. Par exemple, vous vendez des tee-shirts dans différentes couleurs et tailles. Toutes les couleurs sauf Rouge sont en rupture de stock. Si vous déplacez des valeurs vides vers le bas, Rouge s’affichera en premier dans le filtre Couleur. Si vous masquez les valeurs vides, seule l’option Rouge s’affichera dans le filtre Couleur.
Étapes
- Dans l’application Shopify Search & Discovery, accédez à Paramètres.
-
Dans la section Filtres > valeurs vides, sélectionnez l’une des options suivantes :
- Pour masquer les valeurs de filtre vides, sélectionnez Masquer. Un filtre est entièrement masqué si toutes les valeurs de filtre sont vides.
- Pour déplacer les valeurs de filtre vides en bas de la liste de valeurs, sélectionnez Afficher à la fin.
- Pour que les valeurs de filtre vides restent triées selon la logique de tri par défaut, sélectionnez Afficher dans l’ordre par défaut.
Cliquez sur Enregistrer.
À l’exclusion des valeurs de filtre
Si vous avez besoin de plus de contrôle sur les valeurs affichées pour les clients, vous pouvez utiliser un filtre de champ méta avec uniquement les valeurs que vous souhaitez afficher dans votre boutique.
Par exemple, il est possible que vous souhaitiez utiliser des balises de produit à des fins autres que les filtres de boutique en ligne, telles que les conditions de collection automatisée ou filtrage de la liste de produits de l’administrateur. Un type de champ méta de texte sur une seule ligne ou un type de liste peut être utilisé au lieu du type de filtre de balise de produit.
Filtres visuels
Les valeurs de filtre peuvent inclure des éléments visuels tels que des couleurs, des motifs ou une image plus détaillée. Par exemple, un filtre Couleur du tissu peut afficher un petit échantillon de couleur pour chaque valeur de filtre.
Pour créer des visuels avec vos valeurs de filtre, vous pouvez utiliser l’un des types de filtres suivants :
- filtres de champs méta de catégorie en fonction d’un champ méta de couleur ou de modèle
- filtres de champs méta personnalisés en fonction d’une référence métaobjet.
Ajout d’un filtre de champ méta de catégorie
Vous pouvez ajouter un filtre de champ méta de catégorie en fonction d’un champ méta de couleur ou de motif.
Étapes :
- Dans l’application Shopify Search & Discovery, accédez à Filtres.
- Cliquez sur Ajouter un filtre ou cliquez sur un filtre existant.
- Cliquez sur le champ Source, puis sélectionnez un filtre de champ méta de catégorie de type.
- Cliquez sur Gérer les valeurs.
- Choisissez le mode Automatique ou Manuel pour le regroupement.
- Sélectionnez Inclure l’échantillon.
- Pour utiliser des images comme échantillons, sélectionnez Utiliser des images lorsque celles‑ci sont disponibles.
Ajout d’un filtre de champ méta personnalisé
Vous pouvez ajouter un filtre de champ méta personnalisé en fonction d’une référence métaobjet. Avant d’ajouter un filtre de champ méta personnalisé, examinez les exigences et les bonnes pratiques suivantes :
Exigences relatives aux filtres visuels basés sur les champs méta personnalisés
Pour créer des visuels pour des filtres de champs méta personnalisés, ils doivent répondre aux exigences suivantes :
-
Un métaobjet qui répond aux critères suivants :
- Au moins 1 champ de couleur ou 1 champ de fichier avec des images. Les deux champs ne peuvent prendre en charge qu’une seule valeur. Les listes de valeurs ne sont pas prises en charge.
- Un champ pour nommer la valeur du filtre. Il ne doit autoriser qu’une seule valeur. Une liste de valeurs ne peut pas être utilisée comme nom de filtre. Le champ peut comprendre l’un des types de données suivants :
- une seule ligne de texte
- décimale
- entier
- booléen (vrai ou faux)
-
Une définition de champ méta qui répond aux critères suivants :
- La définition est faite pour un produit ou une variante.
- Le type de champ méta est Métaobjet et fait référence à la définition de métaobjet créée à l’étape précédente.
- Choisissez si les champs méta autorisent une entrée ou une liste d’entrées du métaobjet.
Les définitions de métaobjet et de champ méta doivent être activées pour que l’accès à la boutique en ligne soit activé.
Bonnes pratiques pour les filtres visuels basés sur des champs méta personnalisés
Les filtres de variantes de produits renverront à des variantes plus pertinentes sur les résultats de recherche et les pages de collection. Par exemple, en affichant uniquement les produits rouges lorsqu’un client clique sur un échantillon de couleur rouge. Utilisez des champs méta de variantes pour la référence au métaobjet afin d’utiliser le filtrage au niveau des variantes. Si la création de liens vers des variantes spécifiques n’est pas importante pour votre filtre, utilisez plutôt des champs méta de produits.
Une définition de métaobjet pour un échantillon de couleur doit avoir à la fois un champ de couleur et un champ d’image. Il n’est pas nécessaire de fournir une valeur pour les deux champs, mais cela vous donnera la possibilité d’utiliser l’un ou l’autre champ à l’avenir.
Si vos produits ou variantes ont plusieurs couleurs sur lesquelles vous pouvez utiliser des filtres, définissez votre champ méta pour permettre une liste d’entrées. Cela vous permet d’attribuer plusieurs entrées de métaobjet à un seul article. Chacune s’affichera comme valeur de filtre dans votre boutique.
Étapes :
- Dans l’application Shopify Search & Discovery, accédez à Filtres.
- Cliquez sur Ajouter un filtre ou cliquez sur un filtre existant.
- Cliquez sur Source, puis sélectionnez un filtre de type de produit ou de champ méta de variante.
- Définissez le champ Étiquette pour les valeurs de filtre en sélectionnant un champ méta.
- Cochez Inclure un visuel et sélectionnez un style visuel :
- Choisissez Échantillon pour les petits échantillons ou motifs de couleurs. Pour définir le contenu de l’échantillon, sélectionnez :
- Un champ de couleur pour la couleur de l’échantillon.
- Un champ d’image pour le motif de l’échantillon.
- Choisissez Échantillon pour les petits échantillons ou motifs de couleurs. Pour définir le contenu de l’échantillon, sélectionnez :
- Choisissez une image pour les icônes, logos ou autres graphiques à ne pas recadrer. Pour définir le contenu, sélectionnez un champ d’image pour l’image.
Filtrer le comportement
Seuls les filtres susceptibles de s’appliquer aux produits d’une page de collection ou d’un résultat de recherche sont affichés.
Le choix des valeurs de filtres parmi différents filtres est une condition et une condition qui peuvent diminuer le nombre de produits affichés. Par exemple, le choix de Rouge comme filtre de Couleur et 8 comme filtre de Taille renvoie les produits à la fois rouges et de taille 8.
Par défaut, le choix des valeurs d'un même filtre est une condition ou qui peut augmenter le nombre de résultats. Par exemple, le choix des valeurs Rouge et Vert à partir d’un filtre de couleurs renvoie tous les produits de couleur rouge ou verte. Certains types de filtres peuvent utiliser à la place une condition et pour leurs valeurs de filtre. Découvrez comment personnaliser le comportement des filtres avec l’application Search & Discovery.
Le nombre de produits affichés dépend également si les filtres sont appliqués au niveau du produit ou de la variante. Par exemple, un(e) client(e) peut choisir plusieurs valeurs de couleur à partir d’un filtre d’option de produit, mais un seul produit s’affiche. En effet, les options de produit sont des filtres au niveau des variantes et toutes les couleurs appartiennent aux variantes de ce produit unique.
Personnaliser le comportement des filtres
Pour les filtres de balise de produit, de liste de champs méta et de liste de références de métaobjets, vous pouvez choisir la condition de filtre entre les valeurs, soit la condition par défaut ou, soit la condition et. Par exemple, avec le filtrage et, le choix de Nouveau et Promotion à partir d’un filtre de balise de produit renvoie uniquement les produits ayant ces deux balises.
Étapes
- Dans l’application Shopify Search & Discovery, accédez à Filtres, puis cliquez sur Ajouter un filtre.
- Cliquez sur le champ Source, puis sélectionnez une source de filtre que vous souhaitez mettre à la disposition de vos clients.
- Choisissez le comportement à appliquer aux valeurs de filtre dans la section Logique.
- Cliquez sur Enregistrer.
Filtrer les traductions
Les étiquettes, les valeurs et les groupes de filtres peuvent être traduits dans les autres langues prises en charge par votre boutique. Vous pouvez traduire le contenu à l’aide d’applications de traduction telles que Shopify Translate & Adapt.
Lorsqu’il n’y a pas de contenu traduit pour les filtres, la langue par défaut de la boutique est utilisée.
Les valeurs de filtre sont basées sur le contenu traduit pour vos produits et variantes de produits.
Il est possible d’avoir un nombre différent de valeurs pour un filtre entre les langues. Par exemple, la langue par défaut de votre boutique est l’anglais, et vous ajoutez également Français comme langue prise en charge. Vos valeurs de filtre Couleur incluent la valeur Marron. L’anglais a un mot commun pour le terme marron et le Français deux mots courants. Votre application de traduction traduit automatiquement la valeur de filtre Marron en Brun ou Marron pour l’ensemble des produits de la boutique. Les filtres de votre boutique en ligne affichent une valeur pour le marron dans le filtre Couleur en anglais, et deux valeurs pour le marron en français.
Pour ne conserver qu’une seule traduction pour chaque valeur de filtre, vous devez modifier le contenu traduit du produit à l’aide d’une application de traduction.
Langues du marché
Les traductions des valeurs de filtre ne prennent pas en charge les instances supplémentaires d’une configuration linguistique pour des marchés spécifiques. Par exemple, une boutique en ligne peut avoir des traductions de produits en français et deux traductions supplémentaires en français pour les marchés du Canada et de la France. Dans ce cas, toutes les valeurs de filtre sont basées sur la langue générale Français, même lorsque les clients font des achats en français pour ces marchés spécifiques.
Les étiquettes et les groupes de filtres prennent en charge les traductions de langue pour des marchés spécifiques.