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 „Katalogereignisse - Karussell“

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

Erstellt für:

  • Einsteiger
  • Fortgeschrittener
  • Admin
  • Benutzende
Adobe Commerce-Funktion {width="20"} Exklusive Funktion nur in Adobe Systems Commerce (Weitere Informationen)

Ein Karussell-Widget für Katalogereignisse zeigt einen Schieberegler für anstehende Ereignisse mit einem Countdown-Ticker für jedes Ereignis an. Sie können die Seiten und den Bereich des Seiten-Layouts auswählen, in dem das Karussell angezeigt werden soll, und die Breite und Anzahl der gleichzeitig angezeigten Ereignisse steuern. Das Ergebnis hängt von Ihrem Design, der Position, an der es auf der Seite angezeigt werden soll, und den ausgewählten Optionen ab.

Ereignis-Karussell in der linken Seitenleiste {width="700" modal="regular"}

Schritt 1: Aktivieren des Katalog-Karussell-Widgets

Bevor Sie beginnen, befolgen Sie die Anweisungen, um das Katalogereignis-Widget so zu konfigurieren, dass es für die Storefront aktiviert ist.

Konfiguration von Katalogereignissen {width="500" modal="regular"}

Schritt 2: Widget erstellen

  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 Events Carousel fest.

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

  4. Klicken Sie auf Continue.

    Widget-Einstellungen für ein Ereigniskarussell {width="500" 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 „Admin sichtbar.

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

      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.)

      Widget-Storefront-Eigenschaften {width="600" modal="regular"}

Schritt 3: Speicherort auswählen

  1. Klicken Sie Abschnitt Layout-Updates“ auf Add Layout Update.

  2. Legen Sie Display On auf Specified Page fest.

  3. Legen Sie Page auf CMS Home Page fest.

  4. Legen Sie Container eine der folgenden Einstellungen fest:

    • Main Content Area
    • Sidebar Additional
    • Sidebar Main
    note note
    NOTE
    Die Ergebnisse variieren je nach Design und Seiten-Layout. Sie müssen den Catalog Events Carousel Default Template ​auch in der Kategoriekonfiguration angeben.

  5. Wenn das Ereignis-Karussell an einem anderen Ort in der Storefront angezeigt werden soll, klicken Sie auf Add Layout Update und wiederholen Sie diese Schritte für diesen Ort.

    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 Optionen

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

  2. Geben Sie Frame Size die Anzahl der Ereignisse ein, die Sie gleichzeitig im Schieberegler auflisten möchten.

    Um jeweils nur ein Ereignis anzuzeigen, geben Sie 1 ein.

  3. Geben Sie Scroll die Anzahl der Ereignisauflistungen ein, die pro Klick gescrollt werden sollen.

    Um zum nächsten Ereignis zu scrollen, geben Sie 1 ein.

  4. Für eine benutzerdefinierte Breite geben Sie die Anzahl der Pixel für Block Custom Width ein.

    Auf der folgenden Beispielseite wird die benutzerdefinierte Breite auf 250 Pixel festgelegt.

    Widget-Optionen für benutzerdefinierte Breite {width="400" modal="regular"}

  5. Klicken Sie abschließend auf Save.

  6. 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.

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