Widgets einsetzen
Wie Sie Widgets (z. B. Produktkarussells oder CMS-Blöcke) an bestimmten Stellen im Shop platzieren.
Widgets (Content > Elements > Widgets) sind das Werkzeug, um dynamische oder statische Inhalte an genau definierten Stellen im Theme einzublenden, ohne selbst Layout-XML schreiben zu müssen.
Verfügbare Widget-Typen
Der genaue Umfang hängt vom installierten Theme/den Modulen ab, üblich sind aber u. a.: CMS Static Block (einen bestehenden CMS-Block einbetten), Catalog Products List (eine Produktliste nach Kriterien wie Kategorie oder Bestseller), Catalog New Products List (kürzlich hinzugefügte Produkte), Catalog Category Link und Catalog Product Link (einzelne Verlinkungen), sowie Recently Viewed/Compared Products.
Ein Widget einrichten
- Unter Add Widget zunächst den Widget Type wählen.
- Das Design Theme auswählen, für das das Widget gelten soll.
- Unter Storefront Properties Anzeigename und Sortierpriorität setzen.
- Unter Widget Options die konkreten Inhalte festlegen (z. B. welcher CMS-Block oder welche Produkte, inkl. Filterkriterien wie Kategorie oder Anzahl).
- Unter Layout Updates festlegen, WO das Widget erscheint: auf welchem Seitentyp (z. B. nur Kategorieseiten, nur Startseite), optional weiter eingegrenzt auf bestimmte Kategorien/Produkte, und in welchem Layout-Container (z. B. "Sidebar Additional" oder "Content Top").
Typische Beispiele
Ein Produktkarussell mit "Neu im Sortiment" auf der Startseite, ein Info-Banner nur auf bestimmten Kategorieseiten, oder ein CMS-Block mit Öffnungszeiten im Footer. Da Widgets über die Backend-Oberfläche konfiguriert werden, sind sie eine gute Möglichkeit, Inhalte platzieren zu können, ohne Entwicklerzugriff auf die Theme-Dateien zu brauchen – allerdings ist der Container/Block-Name, in den ein Widget eingehängt wird, themeabhängig und lässt sich nicht beliebig frei wählen.
Widgets direkt im Text einfügen
Neben der Platzierung über Layout Updates gibt es einen zweiten, oft übersehenen Weg: Im WYSIWYG-Editor einer CMS-Seite oder eines CMS-Blocks öffnet der Button Insert Widget denselben Auswahldialog wie bei der Widget-Instanz-Erstellung. Das gewählte Widget wird dabei als Platzhalter-Direktive direkt an der Cursor-Position in den Content eingefügt – nützlich, wenn ein Widget nicht an einer festen Layout-Stelle, sondern mitten im Fließtext erscheinen soll (z. B. ein Produktkarussell zwischen zwei Absätzen einer Landingpage).
Feingranulare Seiteneinschränkung
Im Bereich Layout Updates der Widget-Instanz steuert die Auswahl unter Display On, je nach gewähltem Widget-Typ, wie präzise die Anzeige eingegrenzt wird – von "All Pages" über "Specified Page" bis zu differenzierteren Optionen wie nur auf Anker-Kategorieseiten (mit Unterkategorien) oder nur auf Nicht-Anker-Kategorieseiten. Erst darunter lässt sich die Auswahl per Mehrfachauswahl weiter auf konkrete Kategorien oder Produkte einschränken. Praxis-Tipp: Testen Sie nach dem Speichern immer eine betroffene und eine nicht betroffene Seite – falsch gewählte Display-On-Optionen sind eine der häufigsten Ursachen dafür, dass ein Widget "einfach nicht erscheint".
Reihenfolge mehrerer Widgets im selben Bereich
Landen mehrere Widget-Instanzen im gleichen Layout-Container (z. B. zwei Banner in "Content Top"), bestimmt das Feld Sort Order unter Storefront Properties, in welcher Reihenfolge sie ausgegeben werden – niedrigere Werte erscheinen zuerst. Ohne bewusst gesetzte Sortierung hängt die Ausgabereihenfolge von der internen Anlage-Reihenfolge ab, was bei mehreren Redakteuren schnell zu einer unvorhersehbaren Anzeige führen kann.