Navigation par couches

NOTE
La navigation par couches standard décrite dans cette section diffère de la navigation filtrée par recherche en direct avec des facettes.

La navigation par calques facilite la recherche de produits en fonction de leur catégorie, de leur gamme de prix ou de tout autre attribut disponible. La navigation par calques s’affiche 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 de la navigation par couches, y compris le nombre de produits et la plage de prix.

Navigation en couches par catégorie et prix

Attributs filtrables

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

La navigation par couches peut être utilisée pour rechercher des produits par catégorie ou par attribut. Par exemple, lorsqu’un acheteur choisit la catégorie Mens/Raccourcis dans le volet de navigation supérieur, les résultats initiaux incluent tous les produits de la catégorie. La liste peut être filtrée davantage 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 développement qui répertorie chaque valeur d’attribut. Vous pouvez, au choix, configurer la liste des produits avec les résultats correspondants afin d’inclure les produits avec ou sans correspondance.

Les propriétés d’attribut, combinées au type d’entrée de produit, déterminent les attributs qui peuvent être utilisés pour la navigation par couches. La navigation par calques est disponible uniquement pour les catégories anchor, mais peut également être ajoutée aux pages de résultats de recherche. La propriété Catalog Input Type for Store Owner de chaque attribut doit être définie sur Yes/No, Dropdown, Multiple Select ou Price. Pour rendre les attributs filtrables, la propriété Use in Layered Navigation de chacun doit être définie sur Filterable (with results) ou Filterable (no results).

Exemple : attributs filtrables avec résultats

Attributs filtrables dans la navigation par couches

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

Valeur d’échantillon filtrable sans résultats

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

Étape 1 : configuration des propriétés d’attribut

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

  2. Parcourez ou utilisez une recherche filtrée pour trouver un attribut dans la liste et l’ouvrir en mode d’édition.

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

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

    • Filterable (with results) - La navigation par calques inclut uniquement les filtres pour lesquels les 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 filtre disponible. Les valeurs d’attribut avec un nombre de correspondances de produits nul (0) sont omises dans 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 changent ce qui est affiché.

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

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

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

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

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. Sur 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 par couches.

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

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

  4. Cliquez sur Save.

Etape 3 : Test des résultats

Pour tester le paramètre, rendez-vous dans 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.

Recherchez, filtrez et consultez les produits affichés.

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

La navigation par calques inclut des filtres pour toutes les valeurs d’attribut disponibles et leur nombre de produits, y compris les produits avec zéro (0) correspondance de produits (comme illustré dans l’image suivante).

Aucun filtre n’affichant

Ce résultat peut rendre difficile pour les clients la sélection d’un produit préféré et il n’est pas nécessaire d’afficher les valeurs d’attribut ​ ​ avec 0 produit au premier plan.

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

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

  2. Parcourez ou utilisez une recherche filtrée pour trouver un attribut dans la liste et l’ouvrir en mode d’édition.

  3. Sous Attribute Information, cliquez sur Storefront Properties.

  4. Pour 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 répartir les produits par gamme de prix dans la 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 plages de prix)
  • Automatique (égaliser le nombre de produits)
  • Manuel

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 montre la différence entre les étapes de navigation par prix 10 et 100.

Le fractionnement itératif offre la meilleure distribution de produits parmi les plages de prix. Avec fractionnement itératif, après avoir choisi la plage de 0,00 à 99 $, le client peut descendre dans plusieurs sous-plages de prix. Le fractionnement des plages de prix s’arrête lorsque le nombre de produits atteint le seuil fixé par la limite de la division d’intervalle.

Exemple : étapes de navigation par prix

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

Configuration de la navigation par prix

IMPORTANT
Pour afficher correctement les produits et leurs prix en fonction de filtres de prix dans la navigation par couche, assurez-vous que les paramètres d’affichage des prix dans la configuration de la taxe sur les ventes ont la même valeur (Excluding Tax ou Including Tax). Pour le Calculation Settings, vérifiez la valeur Catalog Prices. Et pour​_Price Display Settings_, vérifiez la valeur Display Product Prices in Catalog. Si ces valeurs sont différentes, les filtres de prix dans la navigation superposée peuvent ne pas correctement filtrer et trier les produits par prix.
  1. Sur la barre latérale Admin, accédez à Stores > Settings>Configuration.

  2. Dans le panneau de gauche, développez Catalog et sélectionnez Catalog sous .

  3. Développez la section Sélecteur d’extension de Navigation par couches .

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

    Navigation par couches {width="600" modal="regular"}

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

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

  5. Une fois l’opération terminée, cliquez sur Save Config.

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

Laissez Price Navigation Steps Calculation défini 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ésélectionnez tout d’abord la case à cocher 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 avec le même prix, définissez Display Price Interval as One Price sur Yes.

  3. Pour Interval Division Limit, entrez le seuil du nombre de produits compris dans une plage de prix.

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

    Automatique (égaliser le nombre de produits) {width="600" modal="regular"}

Méthode 3 : manuelle

NOTE
Si nécessaire, désélectionnez tout d’abord la case à cocher Use system value pour modifier ces paramètres.
  1. Définissez Price Navigation Steps Calculation sur Manual.

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

  3. Saisissez le Maximum Number of Price Intervals autorisé, jusqu’à 100.

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

Configuration de la navigation par couches

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

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

  1. Sur 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ésélectionnez tout d’abord la case à cocher 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. Une fois l’opération terminée, cliquez sur Save Config.

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