DocumentationCommerceGestion de catalogue

Listes de produits

Last update: Sun Jul 14 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Créé pour :

  • Débutant
  • Intermédiaire
  • Administration
  • Leader
  • Utilisateur ou utilisatrice

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 avec les mêmes valeurs d’attribut sont également triés par leur Product ID ​dans l’ordre croissant.

Produits affichés sous forme de grille

Configuration des listes de produits

  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 sur Storefront .

    Options de configuration Storefront {width="600" modal="regular"}

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

    note note
    NOTE
    Pour afficher correctement les produits et leurs prix en fonction du tri des produits par prix, 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.

  4. Définissez la valeur par défaut List Mode sur 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 que vous souhaitez 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 afficher 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éfinissez Product Listing Sorted by sur 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 sur 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 sur 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 plate de produits, définissez Use Flat Catalog Category sur Yes.

    • Pour afficher une liste de produits plate, définissez Use Flat Catalog Product sur 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 sur Yes.

  14. Une fois l’opération terminée, 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

Contrôles de pagination du storefront

Contrôle
Description
Grille d’affichage
View As : affiche la liste au format Grille ou Liste.
Trier par
Sort By - Modifie l’ordre de tri de la liste. La propriété Used for Sorting in Product Listing ​storefront détermine les attributs de produit pouvant être utilisés 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 la barre latérale Admin, accédez à Content > Design>Configuration.

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

  3. Sous Other Settings, développez la section Sélecteur d’extension sur 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. Une fois l’opération terminée, cliquez sur Save Configuration.

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