DocumentationCommerceGestion des catalogues

Navigation superposée

Last update: Mon May 05 2025 00:00:00 GMT+0000 (Coordinated Universal Time)

Créé pour :

  • Débutant
  • Intermédiaire
  • Administration
  • Leader
  • Utilisateur ou utilisatrice
NOTE
La navigation par couches standard décrite dans cette section diffère de la navigation filtrée Live Search avec facettes.

La navigation en couches facilite la recherche de produits en fonction de la catégorie, de la gamme de prix ou de tout autre attribut disponible. La navigation superposée apparaît généralement dans la colonne gauche des résultats de recherche et des pages de catégories, et parfois sur la page d’accueil. La navigation standard comprend une liste Shop By de catégories et de plages de prix. Vous pouvez configurer l’affichage d’une navigation par couches, y compris le nombre de produits et la plage de prix.

Navigation superposée par catégorie et prix {width="700" modal="regular"}

Attributs filtrables

NOTE
Les exigences en matière d’attributs filtrables décrites dans cette rubrique diffèrent pour Live Search. Pour en savoir plus, voir Facettes.

La navigation en couches peut être utilisée pour rechercher des produits par catégorie ou par attribut. Par exemple, lorsqu’un acheteur sélectionne la catégorie Hommes/Shorts dans le volet de navigation supérieur, les premiers résultats incluent tous les produits de la catégorie. Vous pouvez filtrer davantage la liste en choisissant un style, un climat, une couleur, un matériau, un modèle ou un prix spécifique, ou une combinaison de valeurs. Les attributs filtrables apparaissent dans une section en expansion qui répertorie chaque valeur d’attribut. Il est possible de configurer la liste de produits présentant des résultats correspondants de manière à inclure des produits présentant ou non une correspondance.

Les propriétés d’attribut, combinées au type d’entrée de produit, déterminent quels attributs peuvent être utilisés pour la navigation superposée. La navigation superposée est disponible uniquement pour les catégories anchor, mais peut également être ajoutée aux pages de résultats de recherche. La propriété Type d’entrée de catalogue pour le propriétaire de la boutique de chaque attribut doit être définie sur Yes/No, Dropdown, Multiple Select ou Price. Pour que les attributs puissent être filtrés, la propriété Utiliser en navigation superposée de chaque attribut doit être définie sur Filterable (with results) ou Filterable (no results).

Exemple : attributs filtrables avec résultats

Attributs filtrables dans la navigation superposée {width="700" modal="regular"}

Exemple : valeurs d’échantillon filtrables affichées sans résultat

Valeur d’échantillon filtrable sans résultats {width="700" modal="regular"}

Les instructions suivantes montrent comment configurer une navigation par couches de base avec des attributs filtrables. Pour une navigation avancée par couches avec des étapes de prix, voir Navigation par prix.

Étape 1 : configurer les propriétés d’attribut

  1. Dans la barre latérale Admin, accédez à Stores > Attributes>Product.

  2. Recherchez ou utilisez la recherche filtrée pour trouver un attribut dans la liste et ouvrez-le en mode d’édition.

    Saisissez les termes de recherche par colonne pour utiliser la recherche filtrée {width="700" modal="regular"}

  3. Dans le panneau de gauche, choisissez Storefront Properties et définissez Use In Layered Navigation sur l’une des options suivantes :

    • Filterable (with results) - La navigation par couches inclut uniquement les filtres pour lesquels des produits correspondants peuvent être trouvés. Toute valeur d’attribut qui s’applique déjà à tous les produits affichés dans la liste doit toujours apparaître comme un filtre disponible. Les valeurs d’attribut avec un nombre de zéro (0) correspondance de produit sont omises de la liste des filtres disponibles. La liste filtrée inclut uniquement les produits qui correspondent au filtre. La liste des produits n’est mise à jour que si les filtres sélectionnés modifient ce qui s’affiche.

    • Filterable (no results) - La navigation superposée inclut des filtres pour toutes les valeurs d’attribut disponibles et leur nombre de produits, y compris les produits sans correspondance de produit (0). Si la valeur de l’attribut est un échantillon, la valeur apparaît comme un filtre, mais est barrée. Le filtrage par couches de prix n’est pas pris en charge par cette option et n’affecte pas les filtres Prix.

  4. Définissez Use In Search Results Layered Navigation sur Yes.

    Propriétés du storefront {width="600" modal="regular"}

  5. Répétez ces étapes pour chaque attribut que vous souhaitez inclure dans la navigation superposée.

NOTE
Lorsque le paramètre Use in Search ​est défini sur No, le paramètre​_Use in Search Results Layered Navigation_ n’est pas affiché et l’attribut product n’est pas utilisé dans la recherche avec une valeur de paramètre Use in Layered Navigation.
NOTE
Le champ Position est grisé par défaut. Vous devez donc enregistrer l’attribut avant de pouvoir modifier ce paramètre.

Étape 2 : faire de la catégorie une ancre

  1. Dans la barre latérale Admin, accédez à Catalog > Categories.

  2. Dans l’arborescence des catégories, sélectionnez la catégorie dans laquelle vous souhaitez utiliser la navigation superposée.

  3. Développez Sélecteur d’extension la section Display Settings et définissez Anchor sur Yes.

    Paramètres d’affichage des catégories {width="600" modal="regular"}

  4. Cliquez sur Save.

Étape 3 : Tester les résultats

Pour tester le paramètre, visitez votre boutique et accédez à la catégorie à partir du menu principal. La sélection des attributs filtrables s’affiche dans la navigation superposée de la page de catégorie.

Rechercher, filtrer et examiner les produits affichés.

Suppression des valeurs d’attribut filtrables de la navigation superposée

La navigation superposée inclut des filtres pour toutes les valeurs d’attribut disponibles et leur nombre de produits, y compris les produits sans correspondance de produit (0) (comme illustré dans l’image suivante).

Aucun filtre affiché {width="700" modal="regular"}

Cela peut rendre difficile la sélection d’un produit préféré pour les clients. Il n’est pas nécessaire d’afficher des valeurs d’attribut ​​avec 0 produit au premier plan).

Vous pouvez suivre les étapes suivantes pour supprimer les valeurs d’attribut filtrables avec 0 produit de la navigation superposée :

  1. Dans la barre latérale Admin, accédez à Stores > Attributes>Product.

  2. Recherchez ou utilisez la recherche filtrée pour trouver un attribut dans la liste et ouvrez-le en mode d’édition.

  3. Sous Attribute Information, cliquez sur Storefront Properties.

  4. Par Layered Navigation, choisissez Filterable (with results).

    Section Informations sur les attributs {width="600" modal="regular"}

  5. Cliquez sur Save Attribute.

NOTE
La configuration de navigation par prix décrite dans cette rubrique diffère pour Live Search.

La navigation par prix peut être utilisée pour distribuer les produits par plage de prix dans une navigation par couches. Vous pouvez également fractionner chaque plage en intervalles. Il existe plusieurs façons de calculer la navigation par prix :

  • Automatique (égaliser les fourchettes de prix)
  • Automatique (égaliser le nombre de produits)
  • Manuelle

Avec les deux premières méthodes, les étapes de navigation sont calculées automatiquement. La méthode manuelle permet de définir une limite de division pour les intervalles de prix. L’exemple suivant illustre la différence entre les étapes de navigation de prix de 10 et 100.

Le fractionnement itératif offre la meilleure répartition des produits entre les gammes de prix. Avec le fractionnement itératif, après avoir choisi la plage de 0,00 à 99 $, le client peut explorer plusieurs sous-plages de prix. Le fractionnement des gammes de prix s'arrête lorsque le nombre de produits atteint le seuil défini par la limite de division d'intervalle.

Exemple : étapes de navigation dans les prix

Échelon de prix par 10
Échelon de prix par 100
20 $ - 29,99 $ (1)
0,00 $ - 99,99 $ (4)
30,00 $ - 39,99 $ (2)
100 $ - 199,99 $ (5)
70 $ - 79,99 $ (1)
400,00 $ - 499,99 $ (2)
100 $ - 109,99 $ (1)
700,00 $ et plus (1)
120,00 $ - 129,99 $ (2)
150 $ - 159,99 $ (1)
180 $ - 189,99 $ (1)
420 $ - 429,99 $ (1)
440 $ - 449,99 $ (1)
710,00 $ et plus (1)

Configurer la navigation des prix

IMPORTANT
Pour afficher correctement les produits et leurs prix en fonction des filtres de prix dans la navigation superposée, assurez-vous que les paramètres d’affichage des prix dans le paramétrage de la taxe ont la même valeur (Excluding Tax ou Including Tax). Pour l’Calculation Settings, vérifiez la valeur Catalog Prices. Et pour​_Price Display Settings_, vérifiez la valeur Display Product Prices in Catalog . Si elles ont des valeurs différentes, les filtres de prix dans la navigation superposée peuvent ne pas filtrer et trier correctement les produits par prix.

  1. Dans la barre latérale Admin, accédez à Stores > Settings>Configuration.

  2. Dans le panneau de gauche, développez Catalog et choisissez Catalog en dessous.

  3. Développez Sélecteur d’extension la section Navigation superposée.

    Par défaut, Display Product Count est défini sur Yes. Si nécessaire, décochez la case Use system value pour modifier ce paramètre.

    Navigation superposée {width="600" modal="regular"}

    Pour obtenir la liste détaillée de ces options de configuration, voir Navigation superposée dans la Référence de configuration.

  4. Définissez des Price Navigation Steps Calculation pour l’une des méthodes dans les sections suivantes.

  5. Cliquez ensuite sur Save Config.

Méthode 1 : automatique (égalisation des gammes de prix)

Conservez la Price Navigation Steps Calculation définie sur Automatic (Equalize Price Ranges) (par défaut). Ce paramètre utilise l’algorithme standard pour la navigation par prix.

Méthode 2 : automatique (égaliser le nombre de produits)

TIP
Si nécessaire, décochez d’abord la case Use system value pour modifier ces paramètres.

  1. Définissez Price Navigation Steps Calculation sur Automatic (equalize product counts).

  2. Pour afficher un seul prix lorsque plusieurs produits ont le même prix, définissez Display Price Interval as One Price sur Yes.

  3. Par Interval Division Limit, entrez le seuil pour le nombre de produits dans une gamme de prix.

    La plage ne peut pas être fractionnée au-delà de cette limite. La valeur par défaut est 9.

    Automatique (égalisation du nombre de produits) {width="600" modal="regular"}

Méthode 3 : Manuelle

NOTE
Si nécessaire, décochez d’abord la case Use system value pour modifier ces paramètres.

  1. Définissez Price Navigation Steps Calculation sur Manual.

  2. Saisissez une valeur qui détermine la Default Price Navigation Step.

  3. Entrez la Maximum Number of Price Intervals autorisée, jusqu'à 100.

    Manuel {width="600" modal="regular"}

Configuration de la navigation par couches

NOTE
La configuration standard décrite sur cette page diffère pour Live Search.

La configuration de navigation superposée détermine si un nombre de produits apparaît entre parenthèses après chaque attribut, ainsi que la taille du calcul d’étape utilisé dans la navigation par prix.

  1. Dans la barre latérale Admin, accédez à Stores > Settings>Configuration.

  2. Dans le panneau de gauche, développez la section Catalog ​et choisissez Catalog ​en dessous.

  3. Développez la section Layered Navigation.

    note note
    NOTE
    Si nécessaire, décochez d’abord la case Use system value pour modifier ces paramètres.

  4. Pour afficher le nombre de produits trouvés pour chaque attribut, définissez Display Product Count sur Yes.

  5. Définissez Price Navigation Step Calculation sur Automatic (equalize price ranges).

  6. Cliquez ensuite sur Save Config.

recommendation-more-help
af062d56-f22c-4537-813d-bedf8b92a071