Nouveau widget Liste de produits

La liste des nouveaux produits est un exemple de contenu dynamique et se compose de données actives extraites de votre catalogue de produits. Par défaut, la liste Nouveaux produits comprend les huit premiers produits parmi les derniers ajoutés. Cependant, il peut également être configuré pour inclure uniquement les produits d’une période spécifiée.

Nouvelle liste de produits sur la page d’accueil du storefront

Étape 1 : définir chaque produit comme nouveau

Magento Open Source Cette étape s’applique uniquement au Magento Open Source.

Adobe Commerce Pour les magasins Adobe Commerce, reportez-vous à la section Planification d’une mise à jour et passez à l’étape 2 de cette page.

Le paramètre de plage de dates Set Product as New ​ne peut être configuré que dans les mises à jour planifiées.

La définition d'un produit comme nouveau ajoute le produit à la liste Nouveaux produits. Vous pouvez revenir à ce paramètre lorsque vous ne souhaitez plus l’inclure dans la liste, à tout moment.

  1. Sur la barre latérale Admin, accédez à Catalog > Products.

  2. Recherchez chaque produit que vous souhaitez afficher et ouvrir en mode d’édition.

  3. Pour Set Product as New, activez l’option pour définir le produit comme nouveau produit ou non.

    Définition du produit comme nouveau {width="400" modal="regular"}

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

  5. Lorsque vous êtes invité à réindexer et à actualiser le cache de la page, cliquez sur les liens en haut de la page et suivez les instructions.

Étape 2 : création du widget

Le code qui détermine le contenu de la liste Nouveaux produits et son emplacement dans votre magasin est généré par l’outil Widget.

  1. Sur la barre latérale Admin, accédez à Content > Elements>Widgets.

  2. Dans le coin supérieur droit, cliquez sur Add Widget.

  3. Dans la section Settings, procédez comme suit :

    • Définissez Type sur Catalog New Products List.

    • Sélectionnez le Design Theme utilisé par le magasin.

  4. Cliquez sur Continue.

    Nouveaux paramètres de widget de liste de produits {width="600" modal="regular"}

  5. Dans la section Storefront Properties, procédez comme suit :

    • Pour Widget Title, saisissez un titre descriptif pour le widget. (Ce titre est visible uniquement à partir de Admin.)

    • Pour Assign to Store Views, sélectionnez les vues de magasin où le widget est visible.

      Vous pouvez sélectionner une vue de magasin spécifique, ou All Store Views. Pour sélectionner plusieurs vues, maintenez la touche Ctrl (PC) ou la touche Commande (Mac) enfoncée, puis cliquez sur chaque option.

    • (Facultatif) Pour Sort Order, saisissez un nombre afin de déterminer l’ordre dans lequel cet élément apparaît avec les autres dans la même partie de la page. (0 = premier, 1 = deuxième, 3 = troisième, etc.)

    Mises à jour de mise en page {width="600" modal="regular"}

Etape 3 : sélection de l'emplacement

  1. Dans la section Layout Updates, cliquez sur Add Layout Update.

  2. Définissez Display On sur Specified Page.

  3. Définissez Page sur CMS Home Page.

  4. Définissez Block Reference sur Main Content Area.

  5. Définissez Template sur l’une des options suivantes :

    • New Product List Template

    • New Products Grid Template

      Mises à jour de mise en page {width="600" modal="regular"}

  6. Cliquez sur Save and Continue Edit.

    Pour l’instant, vous pouvez ignorer le message pour actualiser le cache.

Étape 4 : Configuration de la liste

  1. Dans le panneau de gauche, choisissez Widget Options.

  2. Définissez Display Products sur l’une des options suivantes :

    • All Products - Répertorie les produits en séquence, en commençant par le plus récemment ajouté.
    • New Products - Répertorie uniquement les produits identifiés comme new. Un produit est considéré comme nouveau pendant la période spécifiée dans Set Product As New From/To. La liste est vide si la période expire sans aucun nouveau produit défini.
  3. Pour fournir un contrôle de navigation pour les listes comportant plusieurs pages, définissez Display Page Control sur Yes.

    Pour Number of Products per Page, saisissez le nombre de produits que vous souhaitez afficher sur chaque page.

  4. Définissez l’option Number of Products to Display sur le nombre de nouveaux produits que vous souhaitez inclure dans la liste.

    Le paramètre par défaut est 10.

  5. Pour Cache Lifetime (Seconds), choisissez la fréquence à laquelle vous souhaitez actualiser la liste des nouveaux produits.

    Par défaut, le cache est défini sur 86 400 secondes (24 heures).

    Options de widget {width="600" modal="regular"}

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

  7. Lorsque vous êtes invité à actualiser le cache, cliquez sur le lien contenu dans le message situé en haut de la page et suivez les instructions.

Étape 5 : Aperçu de votre travail

  1. Sur la barre latérale Admin, accédez à Content > Elements>Pages.

  2. Recherchez la page dans la grille où doit apparaître la liste Nouveaux produits et cliquez sur le lien Preview dans la colonne Action.

recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de