Neues Produktlisten-Widget

Die Liste der neuen Produkte ist ein Beispiel für dynamischen Inhalt 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. Es kann jedoch auch so konfiguriert werden, dass nur Produkte innerhalb eines bestimmten Datumsbereichs einbezogen werden.

Neue Produktliste auf der Storefront-Startseite

Schritt 1: Jedes Produkt als neu festlegen

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

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

Die Einstellung Set Product as New ​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 ändern, wenn Sie sie nicht mehr in die Liste aufnehmen möchten.

  1. Wechseln Sie in der Seitenleiste Admin zu Catalog > Products.

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

  3. Für Set Product as New können Sie die Option umschalten, um das Produkt als neues Produkt festzulegen oder nicht.

    Festlegen des Produkts als neu {width="400" modal="regular"}

  4. Klicken Sie nach Abschluss des Vorgangs 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 befolgen Sie die Anweisungen.

Schritt 2: Widget erstellen

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

  1. Wechseln Sie in der Seitenleiste Admin zu Content > Elements>Widgets.

  2. Klicken Sie in der oberen rechten Ecke auf Add Widget.

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

    • Setzen Sie Type auf Catalog New Products List.

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

  4. Klicken Sie auf Continue.

    Neue Einstellungen für das Produktlisten-Widget {width="600" modal="regular"}

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

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

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

      Sie können eine bestimmte Store-Ansicht oder All Store Views auswählen. Um mehrere Ansichten auszuwählen, halten Sie die Strg-Taste (PC) oder die Befehlstaste (Mac) gedrückt und klicken Sie auf jede Option.

    • (Optional) Geben Sie für "Sort Order"eine Zahl ein, um die Reihenfolge zu bestimmen, in der dieses Element mit anderen im selben Teil der Seite angezeigt wird. (0 = first, 1 = second, 3 = third usw.)

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

3. Schritt: Speicherort auswählen

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

  2. Setzen Sie Display On auf Specified Page.

  3. Setzen Sie Page auf CMS Home Page.

  4. Setzen Sie Block Reference auf Main Content Area.

  5. Setzen Sie Template auf einen der folgenden Werte:

    • New Product List Template

    • New Products Grid Template

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

  6. Klicken Sie auf Save and Continue Edit.

    Derzeit können Sie die Meldung ignorieren, dass der Cache aktualisiert werden soll.

Schritt 4: Liste konfigurieren

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

  2. Setzen Sie Display Products auf einen der folgenden Werte:

    • All Products - Listet Produkte in Folge auf, beginnend mit dem zuletzt hinzugefügten.
    • New Products - Listet nur die Produkte auf, die als neu gekennzeichnet sind. Ein Produkt gilt als neu im Datumsbereich, der in Set Product As New From/To ​angegeben ist. Die Liste ist leer, wenn der Datumsbereich abläuft, ohne dass neue Produkte definiert wurden.
  3. Um die Navigationssteuerung für Listen mit mehreren Seiten bereitzustellen, setzen Sie Display Page Control auf Yes.

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

  4. Stellen Sie die Option Number of Products to Display auf die Anzahl neuer Produkte ein, die Sie in die Liste aufnehmen möchten.

    Die Standardeinstellung ist 10.

  5. Wählen Sie für "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) eingestellt.

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

  6. Klicken Sie nach Abschluss des Vorgangs auf Save.

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

Schritt 5: Vorschau Ihrer Arbeit anzeigen

  1. Wechseln Sie in der Seitenleiste Admin zu Content > Elements>Pages.

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

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