Widgets erstellen und verwalten
Widgets sind wiederverwendbare Komponenten. Sie können einfach Widgets erstellen und vorhandene ändern, um Inhalte in Ihrem gesamten Store automatisch zu aktualisieren. Sie können auch nicht mehr verwendete Widgets löschen.
{width="700" modal="regular"}
Erstellen eines Widgets
Der Prozess zum Erstellen eines Widgets ist für jeden Widget-Typ fast identisch. Sie können dem ersten Teil der Anweisungen folgen und dann den letzten Teil für den gewünschten Widget-Typ ausfüllen.
Schritt 1: Auswählen des Typs
-
Wechseln Sie in der Seitenleiste Admin zu Content > Elements>Widgets.
-
Klicken Sie auf Add Widget.
-
Im Abschnitt Settings:
-
Setzen Sie Type auf den Widget-Typ, den Sie erstellen möchten.
-
Stellen Sie sicher, dass Design Theme auf das aktuelle Design eingestellt ist.
{width="600" modal="regular"}
-
-
Klicken Sie auf Continue.
Schritt 2: Festlegen der Storefront-Eigenschaften und des Layouts
-
Im Abschnitt Storefront Properties:
-
Geben Sie für Widget Title einen beschreibenden Titel für das Widget ein.
Dieser Titel ist nur vom Administrator sichtbar.
-
Wählen Sie für "Assign to Store Views"die Store-Ansichten aus, in denen das Widget sichtbar sein soll.
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.){width="600" modal="regular"}
-
-
Klicken Sie im Abschnitt Layout Updates auf Add Layout Update.
-
Setzen Sie "Display On"auf den Seitentyp, auf dem sie angezeigt werden soll.
-
Wählen Sie in der Liste Container den Bereich des Seitenlayouts aus, in dem er platziert werden soll.
{width="600" modal="regular"}
-
Wenn das Widget ein Link ist, setzen Sie Template auf einen der folgenden Werte:
Block Template
- Formatiert den Inhalt so, dass er als eigenständige Einheit auf der Seite platziert werden kann.Inline Template
- Formatiert den Inhalt, damit er in anderen Inhalten platziert werden kann. Beispiel: ein Link, der in einen Textabsatz gehört.
Schritt 3: Ausführen der Widget-Optionen
Die Optionen für die einzelnen Widget-Typen variieren geringfügig, doch der Prozess ist im Wesentlichen identisch. Im folgenden Beispiel wird die Produktliste für eine bestimmte Kategorie mit Paginierungssteuerelementen angezeigt.
-
Wählen Sie im linken Bereich Widget Options aus.
-
Klicken Sie auf Select Block.
-
Geben Sie eine Title ein, die oberhalb der Liste angezeigt werden soll, z. B.
Featured Products
. -
Legen Sie für die Seitenumbruchsteuerungen Display Page Control auf
Yes
fest und führen Sie folgende Schritte aus:-
Geben Sie den Wert Number of Products per Page ein.
-
Geben Sie die Gesamtsumme Number of Products to Display ein.
-
Setzen Sie Condition auf die Kategorie der Produkte, die vorgestellt werden sollen.
Der Prozess entspricht dem Festlegen einer Bedingung für eine Preisregel.
-
Schritt 4: Speichern und überprüfen Sie das Ergebnis
-
Klicken Sie nach Abschluss des Vorgangs auf Save.
-
Befolgen Sie bei Aufforderung die Anweisungen oben im Arbeitsbereich, um den Cache nach Bedarf zu aktualisieren.
-
Kehren Sie zu Ihrer Storefront zurück, um zu überprüfen, ob das Widget ordnungsgemäß funktioniert.
Um es an eine andere Position zu verschieben, können Sie das Widget erneut öffnen und eine andere Seite oder Blockreferenz ausprobieren.
Demo zur Widget-Erstellung
In diesem Video erfahren Sie mehr über das Erstellen von Widgets:
Widget bearbeiten
-
Wechseln Sie in der Seitenleiste Admin zu Content > Elements>Widgets.
-
Suchen Sie das Widget mithilfe der Filter über dem Raster und klicken Sie dann auf den Widget-Namen.
-
Nehmen Sie die erforderlichen Änderungen vor.
Informationen zu den Widget-Optionen finden Sie in den Schritten zum Erstellen eines Widgets .
-
Klicken Sie auf "Save".
Widget löschen
-
Wechseln Sie in der Seitenleiste Admin zu Content > Elements>Widgets.
-
Suchen Sie die Widgets mithilfe der Filter über dem Raster und aktivieren Sie dann das Kontrollkästchen der zu löschenden Widgets.
-
Setzen Sie Actions in der linken oberen Ecke der Liste auf
Delete
. -
Klicken Sie nach Abschluss des Vorgangs auf Submit.
-
Um die Aktion zu bestätigen, klicken Sie auf OK.