Erstellen und Verwalten von Widgets

Widgets sind wiederverwendbare Komponenten. Sie können auf einfache Weise Widgets erstellen und vorhandene ändern, um Inhalte in Ihrem Store automatisch zu aktualisieren. Sie können auch nicht mehr verwendete Widgets löschen.

Widgets {width="700" modal="regular"}

Erstellen eines Widgets

Der Prozess zum Erstellen eines Widgets ist für jeden Widget-Typ“ nahezu. 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: Typ auswählen

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

  2. Klicken Sie auf Add Widget.

  3. Im Settings ​Abschnitt:

    • Legen Sie Type auf den Widget-Typ fest, den Sie erstellen möchten.

    • Stellen Sie sicher, dass die Design Theme auf das aktuelle Design eingestellt ist.

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

  4. Klicken Sie auf Continue.

Schritt 2: Eigenschaften und Layout der Storefront angeben

  1. Im Storefront Properties ​Abschnitt:

    • Geben Sie Widget Title einen beschreibenden Titel für das Widget ein.

      Dieser Titel ist nur von der Administratorin bzw. dem Administrator 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.)

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

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

  3. Legen Sie Display On auf den Seitentyp fest, auf dem es angezeigt werden soll.

  4. Wählen Sie in der Container-Liste den Bereich des Seiten-Layouts aus, in dem er platziert werden soll.

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

  5. Wenn es sich bei dem Widget um einen Link handelt, legen Sie Template auf einen der folgenden Werte fest:

    • Block Template - Formatiert den Inhalt, damit 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 eingefügt wird.

Schritt 3: Vervollständigen Sie die Widget-Optionen

Die Optionen für jeden Widget-Typ variieren geringfügig, der Prozess ist jedoch im Wesentlichen identisch. Im folgenden Beispiel wird die Produktliste für eine bestimmte Kategorie mit Steuerelementen für die Paginierung angezeigt.

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

  2. Klicken Sie auf Select Block.

  3. Geben Sie einen Title ein, der über der Liste angezeigt werden soll, z. B. Featured Products.

  4. Legen Sie für die Steuerelemente für die Paginierung Display Page Control auf Yes fest und führen Sie folgende Schritte aus:

    • Geben Sie die Number of Products per Page ein.

    • Geben Sie die Number of Products to Display ein.

    • Condition Sie auf die Kategorie der anzuzeigenden Produkte.

      Der Prozess ist der gleiche wie das Festlegen einer Bedingung für eine Preisregel.

Schritt 4: Speichern und überprüfen Sie das Ergebnis

  1. Klicken Sie abschließend auf Save.

  2. Befolgen Sie bei Aufforderung die Anweisungen oben im Arbeitsbereich, um den Cache nach Bedarf zu aktualisieren.

  3. 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:

Bearbeiten eines Widgets

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

  2. Suchen Sie das Widget mithilfe der Filter über dem Raster und klicken Sie dann auf den Widget-Namen.

  3. Nehmen Sie die erforderlichen Änderungen vor.

    Informationen zu den Widget-Optionen finden Sie in den Schritten zum Erstellen eines Widgets .

  4. Klicken Sie auf die Save.

Löschen eines Widgets

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

  2. Suchen Sie die Widgets mithilfe der Filter über dem Raster und aktivieren Sie dann das Kontrollkästchen der zu löschenden Widgets.

  3. Setzen Sie oben links in der Liste Actions auf Delete.

  4. Klicken Sie abschließend auf Submit.

  5. Um die Aktion zu bestätigen, klicken Sie auf OK.

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