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 variable Nouveaux produits liste comprend les huit premiers des produits ajoutés le plus récemment. 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 {width="700" modal="regular"}

É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, voir Planification d’une mise à jour puis passez à l’étape 2 de cette page.

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

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

  1. Sur le Administration barre latérale, 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 un nouveau produit ou non.

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

  4. Lorsque vous avez terminé, 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 le Administration barre latérale, accédez à Content > Elements>Widgets.

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

  3. Dans le Settings, procédez comme suit :

    • Définir Type to Catalog New Products List.

    • Choisissez la Design Theme qui est utilisé par le magasin.

  4. Cliquez sur Continue.

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

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

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

    • 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 = first, 1 = second, 3 = troisième, etc.)

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

Etape 3 : sélection de l'emplacement

  1. Dans le Layout Updates, cliquez sur Add Layout Update.

  2. Définir Display On to Specified Page.

  3. Définir Page to CMS Home Page.

  4. Définir Block Reference to Main Content Area.

  5. Définir Template à l’une des options suivantes :

    • New Product List Template

    • New Products Grid Template

      Mises à jour de la 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éfinir Display Products à l’une des options suivantes :

    • All Products - Répertorie les produits dans l’ordre, 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 au cours de 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 aux listes comportant plusieurs pages, définissez Display Page Control to Yes.

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

  4. Définissez la variable Number of Products to Display au 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. Lorsque vous avez terminé, 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 le Administration barre latérale, accédez à Content > Elements>Pages.

  2. Recherchez la page dans la grille où la fonction Nouveaux produits s’affiche et cliquez sur le bouton Preview dans le Action ​colonne .

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