DokumentationCommerceInhalt und Design

[Nur PaaS]{class="badge informative" title="Gilt nur für Adobe Commerce in Cloud-Projekten (von Adobe verwaltete PaaS-Infrastruktur) und lokale Projekte."}

Widget „Liste neuer Produkte“

Last update: Wed Jun 11 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Themen:

Erstellt für:

  • Einsteiger
  • Fortgeschrittener
  • Admin
  • Benutzende

Die Liste der neuen Produkte ist ein Beispiel für dynamische Inhalte und besteht aus Live-Daten, die aus Ihrem Produktkatalog abgerufen werden. Standardmäßig enthält die Liste Neue Produkte die ersten acht der zuletzt hinzugefügten Produkte. Sie kann jedoch auch so konfiguriert werden, dass nur Produkte innerhalb eines bestimmten Datumsbereichs einbezogen werden.

Liste neuer Produkte auf der Startseite der Storefront {width="700" modal="regular"}

Schritt 1: Jedes Produkt als neu einstellen

Magento Open Source Dieser Schritt gilt nur für Magento Open Source.

Adobe Commerce Informationen zu Adobe Commerce-Stores finden Sie unter Planen einer Aktualisierung und fahren Sie dann mit Schritt 2 auf dieser Seite fort.

Set Product as New ​Einstellung für den Datumsbereich kann nur in geplanten Aktualisierungen konfiguriert werden.

Wenn Sie ein Produkt als neu festlegen, wird das Produkt zur Liste Neue Produkte hinzugefügt. Sie können die Einstellung jederzeit wieder zurücksetzen, wenn Sie sie nicht mehr in die Liste aufnehmen möchten.

  1. Navigieren Sie in der Admin-Seitenleiste zu Catalog > Products.

  2. Suchen Sie jedes Produkt, das Sie verwenden möchten, und öffnen Sie es im Bearbeitungsmodus.

  3. Schalten Sie Set Product as New die Option ein, um das Produkt als neues Produkt festzulegen oder nicht.

    Das Produkt als neu einstellen {width="400" modal="regular"}

  4. Klicken Sie abschließend auf Save.

  5. Wenn Sie aufgefordert werden, den Seiten-Cache neu zu indizieren und zu aktualisieren, klicken Sie auf die Links oben auf der Seite und folgen Sie den Anweisungen.

Schritt 2: Widget erstellen

Der Code, der den Inhalt der Liste Neue Produkte und deren Platzierung in Ihrem Store bestimmt, wird vom Widget-Tool generiert.

  1. Navigieren Sie in Admin-Seitenleiste zu Content > Elements>Widgets.

  2. Klicken Sie oben rechts auf Add Widget.

  3. Gehen Sie im Abschnitt Settings ​wie folgt vor:

    • Legen Sie Type auf Catalog New Products List fest.

    • Wählen Sie die Design Theme aus, die vom Store verwendet wird.

  4. Klicken Sie auf Continue.

    Einstellungen für neue Produktlisten-Widgets {width="600" modal="regular"}

  5. Gehen Sie im Abschnitt Storefront Properties ​wie folgt vor:

    • Geben Sie Widget Title einen beschreibenden Titel für das Widget ein. (Dieser Titel ist nur in der Datei Admin sichtbar.)

    • Wählen Sie Assign to Store Views die Store-Ansichten aus, in denen das Widget sichtbar ist.

      Sie können eine bestimmte Shop-Ansicht oder All Store Views auswählen. Halten Sie zum Auswählen mehrerer Ansichten die Strg-Taste (PC) bzw. die Befehlstaste (Mac) gedrückt und klicken Sie auf die einzelnen Optionen.

    • (Optional) Geben Sie Sort Order eine Zahl ein, um die Reihenfolge zu bestimmen, in der dieses Element zusammen mit anderen im selben Teil der Seite angezeigt wird. (0 = First, 1 = Second, 3 = Third usw.)

    Layout-Aktualisierungen {width="600" modal="regular"}

Schritt 3: Speicherort auswählen

  1. Klicken Sie im Abschnitt Layout Updates ​auf Add Layout Update.

  2. Display On auf Specified Page. festlegen

  3. Legen Sie Page auf CMS Home Page fest.

  4. Legen Sie Block Reference auf Main Content Area fest.

  5. Legen Sie Template auf eine der folgenden Einstellungen fest:

    • New Product List Template

    • New Products Grid Template

      Layout-Aktualisierungen {width="600" modal="regular"}

  6. Klicken Sie auf Save and Continue Edit.

    Vorerst können Sie die Meldung ignorieren, um den Cache zu aktualisieren.

Schritt 4: Konfigurieren der Liste

  1. Wählen Sie im linken Bedienfeld Widget Options aus.

  2. Legen Sie Display Products auf eine der folgenden Einstellungen fest:

    • All Products - Listet Produkte der Reihe nach auf, beginnend mit dem zuletzt hinzugefügten.
    • New Products - Listet nur die Produkte auf, die als „neu gekennzeichnet. Ein Produkt gilt während des in Set Product As New From/To ​angegebenen Datumsbereichs als neu. Die Liste ist leer, wenn der Datumsbereich abläuft, ohne dass neue Produkte definiert wurden.

  3. Um Navigationssteuerelemente für Listen mit mehreren Seiten bereitzustellen, legen Sie Display Page Control auf Yes fest.

    Geben Sie Number of Products per Page die Anzahl der Produkte ein, die auf jeder Seite angezeigt werden sollen.

  4. Legen Sie die Option Number of Products to Display auf die Anzahl der neuen Produkte fest, die Sie in die Liste aufnehmen möchten.

    Die Standardeinstellung ist 10.

  5. Wählen Sie Cache Lifetime (Seconds) aus, wie oft Sie die Liste der neuen Produkte aktualisieren möchten.

    Standardmäßig ist der Cache auf 86.400 Sekunden (24 Stunden) festgelegt.

    Widget-Optionen {width="600" modal="regular"}

  6. Klicken Sie abschließend auf Save.

  7. Wenn Sie aufgefordert werden, den Cache zu aktualisieren, klicken Sie auf den Link in der Nachricht oben auf der Seite und folgen Sie den Anweisungen.

Schritt 5: Vorschau der Arbeit

  1. Navigieren Sie in Admin-Seitenleiste zu Content > Elements>Pages.

  2. Suchen Sie die Seite im Raster, auf der die Liste Neue Produkte angezeigt werden soll, und klicken Sie auf den Preview Link in der Spalte Action.

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