[PaaS uniquement]{class="badge informative" title="S’applique uniquement aux projets Adobe Commerce on Cloud (infrastructure PaaS gérée par Adobe) et aux projets On-premise."}

Widget de liste de nouveaux produits

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

Nouvelle liste de produits sur la page d’accueil du storefront {width="700" modal="regular"}

Étape 1 : définir chaque produit comme nouveau

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

Adobe Commerce Pour les magasins Adobe Commerce, voir Planification d’une mise à jour puis passez à l’étape 2 de cette page.

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

La définition d’un produit sur nouveau ajoute le produit à la liste Nouveaux produits. Vous pouvez revenir en arrière à tout moment lorsque vous ne souhaitez plus l’inclure dans la liste.

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

  2. Recherchez chaque produit que vous souhaitez mettre en avant et ouvrez en mode d’édition.

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

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

  4. Cliquez ensuite sur Save.

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

Étape 2 : créer le widget

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

  1. Dans 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.

    • Choisissez le Design Theme utilisé par le magasin.

  4. Cliquez sur Continue.

    Paramètres du widget de la nouvelle liste de produits {width="600" modal="regular"}

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

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

    • Par Assign to Store Views, sélectionnez les vues du 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 Commande (Mac) enfoncée et cliquez sur chaque option.

    • (Facultatif) Par Sort Order, saisissez un nombre pour 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 la disposition ​ {width="600" modal="regular"}

Étape 3 : choisir l'emplacement

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

  2. Définir 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 la disposition ​ {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 : configurer 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 nouveaux. 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 qu’aucun nouveau produit ne soit défini.
  3. Pour fournir un contrôle de navigation aux listes comportant plusieurs pages, définissez Display Page Control sur Yes.

    Par 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. Par 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. Cliquez ensuite sur Save.

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

Étape 5 : Prévisualiser votre travail

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

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

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