Listes de produits

Les listes de produits peuvent être définies pour apparaître par défaut sous la forme d’une liste ou d’une grille. Vous pouvez également déterminer le nombre de produits qui apparaissent par page et l’attribut utilisé pour trier la liste. La liste de produits comprend un ensemble de contrôles qui peuvent être utilisés pour trier les produits, modifier le format de la liste, trier par attribut et passer d’une page à l’autre.

NOTE
Lors du tri d’une catégorie selon un attribut de produit, les produits ayant les mêmes valeurs d’attribut sont également triés selon leur Product ID ​dans l’ordre croissant.

Produits affichés sous forme de grille {width="700" modal="regular"}

Configuration des listes de produits

  1. Sur le Administration barre latérale, accédez à Stores > Settings>Configuration.

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

  3. Développer Sélecteur d’extension la valeur Storefront .

    Options de configuration du storefront {width="600" modal="regular"}

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

    note note
    NOTE
    Pour afficher correctement les produits et leurs prix en fonction des tri des produits par prix, vérifiez que les paramètres du prix s’affichent dans la variable Configuration de la taxe ont la même valeur (Excluding Tax ou Including Tax). Pour le Calculation Settings, vérifiez les Catalog Prices. Et pour​_Price Display Settings_, vérifiez les 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.
  4. Définir la valeur par défaut List Mode à l’une des options suivantes :

    • Grid Only
    • List Only
    • Grid (default) / List
    • List (default / Grid
  5. Pour Products per Page on Grid Allowed Values, saisissez le nombre de produits à afficher par page lorsqu’ils sont affichés au format grille.

    Pour saisir une sélection de valeurs, séparez chaque nombre par une virgule.

  6. Pour Products per Page on Grid Default Value, saisissez le nombre de produits par défaut à afficher dans la grille par page.

  7. Pour Products per Page on List Allowed Values, saisissez le nombre de produits que vous souhaitez voir apparaître par page lorsqu’ils sont affichés au format liste.

    Pour saisir une sélection de valeurs, séparez chaque nombre par une virgule.

  8. Pour Products per page on List Default Value, saisissez le nombre par défaut de produits qui apparaissent dans la liste, par page.

  9. Définir Product Listing Sorted by à l’attribut par défaut initialement utilisé pour trier la liste.

  10. Pour donner aux clients la possibilité de répertorier tous les produits, définissez Allow All Products on Page to Yes.

  11. Si vous souhaitez conserver tous les paramètres de pagination lorsque les clients parcourent les listes de catalogues, définissez Remember Category Pagination to Yes.

    L’activation de ce paramètre garantit que le nombre de produits affichés dans une liste ou une grille est conservé lorsque les acheteurs naviguent d’une catégorie à l’autre. Par défaut, ce champ est défini sur No car il utilise plus de stockage du cache et peut avoir un impact sur la façon dont les pages sont indexées par les moteurs de recherche.

  12. Si vous utilisez un catalogue plat (non recommandé), procédez comme suit :

    • Pour afficher une liste de produits à plat, définissez Use Flat Catalog Category to Yes.

    • Pour afficher une liste de produits plate, définissez Use Flat Catalog Product to Yes.

  13. Si vous souhaitez autoriser les références dynamiques pour les ressources multimédias dans les URL de catégorie et de produit, définissez Allow Dynamic Media URLs in Products and Categories to Yes.

  14. Lorsque vous avez terminé, cliquez sur Save Config.

Contrôles de page

Contrôle
Description
View As
Affiche les produits au format grille ou liste.
Sort By
Modifie l’ordre de tri de la liste.
Show Per Page
Détermine le nombre de produits qui apparaissent par page.
Liens de pagination
Liens de navigation vers d’autres pages.

Contrôles de pagination

Les paramètres de pagination apparaissent en haut et en bas de la liste et contrôlent le format des liens de pagination pour les listes de produits. Vous pouvez définir le nombre de liens qui apparaissent dans le contrôle et configurer les liens Suivant et Précédent . Pour que les liens de pagination s’affichent, la liste doit contenir plus de produits que ce qui est autorisé par page dans la configuration de la liste de produits.

Contrôles de pagination {width="700" modal="regular"}

Contrôles de pagination du storefront

Contrôle
Description
Grille d’affichage
View As : affiche la liste au format Grille ou Liste.
Tri par
Sort By - Modifie l’ordre de tri de la liste. La variable Used for Sorting in Product Listing ​La propriété storefront détermine laquelle attributs de produit peut être utilisé pour trier la liste.
Afficher par page
Show Per Page - Détermine le nombre de produits qui apparaissent par page.
Liens de pagination
Liens de pagination : liens de navigation vers d’autres pages.

Configuration des commandes de pagination

  1. Sur le Administration barre latérale, accédez à Content > Design>Configuration.

  2. Recherchez la vue de magasin que vous souhaitez configurer et, dans la Action colonne, cliquez sur Edit.

  3. Sous Other Settings, développer Sélecteur d’extension la valeur Pagination .

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

    Pour plus d’informations sur ces paramètres, voir Configuration de conception.

  4. Pour Pagination Frame, saisissez le nombre de liens à afficher dans la commande de pagination.

  5. Pour Pagination Frame Skip, saisissez le nombre de liens que vous souhaitez ignorer avant d’afficher le prochain ensemble de liens dans la commande de pagination.

    Par exemple, si le cadre de pagination comporte cinq liens et que vous souhaitez passer aux cinq liens suivants, combien de liens souhaitez-vous ignorer ? Si vous définissez la valeur sur quatre (4), le dernier lien de l’ensemble précédent est le premier lien de l’ensemble suivant.

  6. Pour Anchor Text for Previous, saisissez le texte à afficher pour le lien Précédent .

    Laissez vide pour utiliser la flèche par défaut.

  7. Pour Anchor Text for Next, saisissez le texte à afficher pour le lien Suivant . Laissez vide pour utiliser la flèche par défaut.

  8. Lorsque vous avez terminé, cliquez sur Save Configuration.

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