Ajout de filtres

Vous pouvez créer des filtres pour votre boutique en ligne, qui permettent aux clients d’affiner les produits apparaissant sur les pages de collection et dans les résultats de recherche. Par exemple, une boutique qui vend des montres peut créer des filtres pour le nom de la marque, le prix, la taille du cadran et l’étanchéité.

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 à partir de 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 à Boutique en ligne > Navigation 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.

Types de filtres

Vous pouvez sélectionner jusqu’à 25 filtres pour votre boutique. Toutes les boutiques peuvent afficher les mêmes filtres standard et les marchands peuvent créer des filtres personnalisés propres à leur catalogue de produits.

Filtres standard

Les filtres pour la disponibilité, le prix, le fournisseur, le type de produit et les balises sont disponibles pour toutes les boutiques.

Filtres personnalisés

Il est possible de créer des filtres personnalisés à l’aide des options de vos produits, de vos champs méta ou de vos métaobjets.

Les filtres d’option de produit sont basés sur vos variantes de produits. Par exemple, si vous vendez des vêtements comportant différentes variantes pour la taille, vous pouvez ajouter un filtre « Taille » à l’option du produit.

Les filtres des champs méta sont utiles pour créer des filtres propres à votre catalogue de produits. Par exemple, si vous vendez des jouets pour enfants, vous pouvez créer un filtre de champ méta de produit « Âge » personnalisé. En savoir plus sur l’ajout de filtres personnalisés avec les champs méta. Les métaobjets peuvent afficher des filtres visuels pour aider les clients à comprendre rapidement vos filtres.

Ajouter un filtre personnalisé avec des champs méta ou des métaobjets

À l’aide de champs méta ou de métaobjets, vous pouvez créer des filtres personnalisés pour les types de valeur 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)

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.

Une fois vos champs méta configurés, vous pouvez les sélectionner comme options au moment où vous modifiez vos filtres.

Modifier les filtres

Vous pouvez modifier les filtres utilisés dans votre boutique en ligne à partir de l’application.

Étapes

  1. Dans l’application Shopify Search & Discovery, accédez à Filtres, puis cliquez sur Ajouter un filtre.
  2. Sélectionnez une source de filtre que vous souhaitez mettre à la disposition de vos clients.
  3. Facultatif : renommez le filtre Étiquette qui sera affiché pour les clients. En savoir plus sur la manière de renommer les filtres.
  4. Facultatif : modifiez le comportement qui sera appliqué entre les valeurs de filtre. En savoir plus sur le comportement des filtres.
  5. Facultatif : sélectionnez les valeurs de filtre à regrouper en tant que valeur unique affichée pour les clients. En savoir plus sur les valeurs de filtres de regroupement.
  6. Cliquez sur Enregistrer.

Les filtres peuvent également être recommandés depuis l’écran Filtres. Cliquez et faites glisser des filtres individuels dans la commande pour qu’ils affichent pour les clients.

Renommer les filtres

Vous pouvez modifier l’étiquette visible par les clients pour tous les filtres existants de votre boutique. Cliquez sur un filtre sur l’écran Filtres et modifiez le champ Étiquette du filtre.

La modification de l’étiquette de filtre ne changera pas les informations sur la source du filtre. Par exemple, renommer l’étiquette de filtre en fonction d’une option de produit ne changera pas le nom de cette option affiché sur les pages de produits individuelles.

Filtrer les valeurs

Seules les valeurs de filtre applicables aux produits d’une collection ou d’un résultat de recherche sont présentées aux clients sur votre boutique en ligne. Chaque filtre affiche un maximum de 100 valeurs de filtre. Pour réduire le nombre total de filtres susceptibles de s’afficher, regroupez les valeurs de filtre similaires sous un seul filtre.

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 filtres affichées en tant que valeur de filtre unique pour les clients. Par exemple, l’option de produit « Couleur » peut avoir des valeurs « onyx », « ébène » et « minuit » qui peuvent être affichées comme « Noir » pour les clients.

Étapes

  1. Dans l’application Shopify Search & Discovery, accédez à l’option Filtres, puis cliquez sur Ajouter un filtre ou cliquez sur un paramètre de filtre existant dans le tableau.
  2. Sélectionnez une source de filtre que vous souhaitez mettre à la disposition de vos clients.
  3. Dans le tableau Valeurs, sélectionnez les valeurs que vous souhaitez regrouper en tant que valeur de filtre unique. Vous pouvez utiliser la barre de recherche ou cliquer sur Afficher plus pour trouver des valeurs de filtre.
  4. Cliquez sur Créer un groupe.
  5. Saisissez un nom pour le groupe. Il s’agit de la valeur de filtre unique affichée pour les clients.
  6. Cliquez sur Done (Terminé).
  7. Cliquez Enregistrer pour modifier le paramètre de filtre.

Un nombre maximal de valeurs de filtre s’affiche dans le tableau Valeurs. Il est donc possible que vous ne trouviez pas les valeurs que vous recherchez. Vous pouvez ajouter d’autres valeurs de filtre en cliquant sur l’icône de modification, puis sur Ajouter une autre valeur et en tapant la valeur souhaitée.

Trier les valeurs de filtre

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 « Tailles de chaussures » affiche les valeurs les plus petites aux plus grandes.

Les valeurs de filtre qui commencent par un chiffre et se terminent par un mot, comme « 60 watts », s’afficheront à côté des valeurs de filtre se terminent par le même mot. Par exemple, un filtre d’option de produit « Âges » avec les valeurs de filtre « 2 ans », « 6 mois », « 3 ans » et « 2 mois » sera trié ainsi :

  • 2 mois
  • 6 mois
  • 2 ans
  • 3 ans

Des ordres de tri personnalisés sont appliqués aux filtres nommés « Taille » afin que les termes de taille courants s’affichent dans l’ordre adéquat. Par exemple, « XS » (très petit) vient avant « S » (petit).

Personnalisation de l’ordre de tri

Pour personnaliser votre ordre de tri des valeurs de filtre, créez un champ méta à une seule ligne de texte avec des choix prédéfinis. Dans l’interface administrateur, l’ordre de choix sera l’ordre de tri des valeurs de filtre sur la boutique en ligne.

Dans l’exemple ci-dessous, les valeurs d’un champ méta « Niveau de compétence » peuvent être triées manuellement sur « Débutant », « Intermédiaire » et « Professionnel ».

Éditeur de liste de champs méta affichant les options de niveau de compétence triées suivants : Débutant, Intermédiaire et professionnel

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. Ceci permet aux clients de se concentrer sur les valeurs auxquelles correspondent des résultats. Par exemple, supposons que vous vendiez des tee-shirts de couleurs et de tailles différentes, et que seul le tee-shirt « rouge » soit disponible lorsqu’un client choisit la taille « Large ». Si vous déplacez des valeurs vides en bas de la liste, « Rouge » apparaîtra en premier dans le filtre « Couleur ». Si vous masquez les valeurs vides, seule l’option « Rouge » s’affichera.

Étapes

  1. Dans l’application Shopify Search & Discovery, accédez à Paramètres.
  2. Dans la section Filtres, 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.
  1. Cliquez sur Enregistrer.

À l’exclusion des valeurs de filtre

Si vous avez besoin d’avoir plus de contrôle sur les valeurs montrées aux clients, utilisez un filtre de champ méta avec uniquement des valeurs que vous souhaitez montrer aux clients de votre boutique en ligne.

Par exemple, les boutiques peuvent utiliser des balises de produits à d’autres fins que les filtres des boutiques en ligne, telles que les conditions des collections automatisées ou le filtrage des listes de produits de l’interface administrateur.Il est possible d’utiliser un type de champ méta d’une seule ligne ou d’un type de liste au lieu du type de filtre de balise de produit.Utilisez l’éditeur en bloc pour mettre à jour rapidement les informations de tous vos produits.

Filtres visuels

Les valeurs de filtre peuvent inclure un petit visuel pour afficher des attributs tels que les couleurs et les motifs. Lorsque le filtre est un métaobjet, vous pouvez utiliser les paramètres Type d’affichage pour choisir les couleurs et les images à afficher, ou même conserver l’affichage en tant que texte uniquement.

Prérequis pour l’échantillon

Pour les échantillons de filtres, vous devez remplir une liste de prérequis :

  • Un métaobjet qui répond aux critères suivants :

    • Au moins un champ de texte. Le champ de texte peut être l’un des types suivants : texte d’une seule ligne, décimale, nombre entier ou encore, vrai ou faux.
    • Au moins un champ de couleur ou un champ de fichier avec des images. Le champ de couleur peut être une liste.
  • Une référence de métaobjet, qui relie le métaobjet aux produits ou aux variantes.

  • Le métaobjet et la référence de métaobjet doivent être activés pour permettre l’accès à la boutique en ligne.

Le tutoriel de métaobjet fournit plus de détails pour vous aider à configurer les métaobjets.

Étapes :

  1. Dans l’application Shopify Search & Discovery, accédez à Filtres.
  2. Cliquez sur Ajouter un filtre ou cliquez sur un filtre existant.
  3. Sélectionnez un filtre avec une référence de méta-objet.
  4. Pour le Type d’affichage, sélectionnez le type à appliquer au filtre :
    • Pour l’option Texte, définissez le champ Étiquette pour les valeurs de filtre en sélectionnant un champ méta.
    • Pour l’option Échantillon, sélectionnez un champ méta pour chacun des champs suivants :
      • Le champ Étiquette pour le texte d’affichage pour les valeurs de filtre.
      • Le champ Échantillon pour les couleurs ou l’image pour l’affichage visuel des valeurs de filtre.
      • Le champ Remplacement de l’échantillon à utiliser au lieu de l’échantillon, lorsqu’il est disponible.

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.

Les produits sont filtrés à partir d’une page de collection ou de résultats de recherche de la manière suivante :

  • Par défaut, choisir les valeurs de filtre à partir du même filtre constitue une déclaration or qui peut augmenter le nombre de résultats. Par exemple, le choix « Produits de couleur rouge ou verte » à partir d’un filtre de couleur renvoie les produits rouges et les produits verts. Si vous le souhaitez, vous pouvez personnaliser ce comportement en une déclaration and dans l’application Search & Discovery. Par exemple, le choix « Produits de couleur rouge et verte » renvoie les produits qui sont rouges et verts.
  • Choisir les valeurs de filtre à partir de différents ajustements constitue une déclaration and qui peut diminuer le nombre de résultats. Par exemple, le choix « Rouge et taille 8 » dans les filtres de couleur et de taille renvoie les produits qui sont rouges et en taille 8.

Le nombre de produits filtrés affichés à l’écran varie également selon que les filtres sont appliqués au niveau du produit ou de la variante. Par exemple, un client peut choisir plusieurs valeurs de couleur à partir d’un filtre d’option de produit, mais ne voir qu’un seul produit apparaître à l’écran, car toutes les couleurs s’appliquent uniquement aux variantes de ce produit.

Personnaliser le comportement des filtres

Certains types de filtres permettent de personnaliser la déclaration utilisée entre ses valeurs. Les balises, les listes de champs méta et les listes de référence de métaobjets peuvent changer la déclaration or par défaut en une déclaration and de l’application Search & Discovery. Lors de ce changement, validez le thème appliqué pour mettre à jour correctement les quantités dénombrées à côté de chaque valeur de filtre.

Étapes

  1. Dans l’application Shopify Search & Discovery, accédez à Filtres, puis cliquez sur Ajouter un filtre.
  2. Sélectionnez une source de filtre que vous souhaitez mettre à la disposition de vos clients.
  3. Choisissez le comportement à appliquer aux valeurs de filtre dans la section Logique.
  4. 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 l’application Translate & Adapt de Shopify.

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 d’une langue à l’autre. Par exemple, une boutique en anglais a la valeur « Marron » pour un filtre de couleurs. Une application de traduction pourrait fournir 2 traductions différentes pour « Marron » sur tous les produits de la boutique, en nommant certains comme « Brun » et d’autres comme « Marron ». Les clients qui visitent la boutique en français verront à la fois « Brun » et « Marron » s’afficher dans le filtre, tandis que les clients qui feront leurs achats en anglais verront uniquement « Marron ». 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.

Limitations

Les collections contenant plus de 5 000 produits n’affichent pas de filtres. Une solution pour les collections de plus de 5 000 produits consiste à présenter une grande collection en tant que groupe de collections automatisées plus petites et à établir un lien avec celles‑ci dans des menus de navigation déroulants. Par exemple, au lieu d’un seul lien vers une grande collection de mode féminine, votre boutique peut présenter des liens de navigation vers des sous‑collections plus petites comme des tops, des jeans et des 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 en ligne. Si votre boutique a plus de 100 valeurs possibles, certaines valeurs ne seront pas affichées pour les clients. Vous pouvez réduire le nombre de valeurs de filtre possibles en regroupant des valeurs similaires.

Dans l’application Search & Discovery, un filtre peut afficher un maximum de 1 000 valeurs de filtre. Il n’est possible d’afficher qu’un maximum de 999 valeurs. En effet, le système ne peut vérifier qu’un 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.

Un groupe de filtres a un maximum de 50 valeurs de filtre uniques, et une boutique peut avoir un maximum de 1 000 groupes de filtres pour tous les paramètres de filtre sélectionnés.

Les traductions ne sont pas pris en charge pour les valeurs des filtres de fournisseur et de balise. Le filtre de balises de produits n’est affiché que pour les clients qui effectuent leurs achats dans la langue par défaut de la boutique. Les valeurs du filtre de fournisseur sont toujours basées sur la langue par défaut de la 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 Shopify Markets.

Le filtre de prix n’est pas affiché pour les devises autres que la devise par défaut de la boutique.

Prêt(e) à commencer à vendre avec Shopify ?

Essayez gratuitement