Einfügen eines Widgets | Magento 2.4 Handbuch

Das Tool Widget kann verwendet werden, um der Seite eine Vielzahl von Inhaltselementen hinzuzufügen, einschließlich Links zu jeder Inhaltsseite oder jedem Knoten, Produkt oder jeder Kategorie. Die Links können in einem Blockformat auf der Seite positioniert oder direkt in den Inhalt eingefügt werden. Mit dem Widget-Tool können Sie Links zu den folgenden Arten von Inhalten erstellen content:

Standardmäßig erben die Links ihren Stil von der Stilvorlage des Themas.

Das Einfügen vieler Direktiven, insbesondere von Widgets wie dem Typ Kürzlich angesehene/verglichene Produkte, kann sich beim ersten Laden der Seite negativ auswirken, wenn die Seite nicht zwischengespeichert wird. Aus diesem Grund raten wir Ihnen, sie mit Vorsicht zu verwenden. In den meisten Fällen sollte dies kein Problem darstellen. Dies sollten Sie jedoch mit Ihrem Entwicklungsteam besprechen.

Einfügen eines Widgets in den Editor

Öffnen Sie eine Seite, einen Block oder einen dynamischen Block im Bearbeitungsmodus.
Gehen Sie zum Abschnitt Inhalt und klicken Sie auf ein beliebiges Element, das den Editor unterstützt.
Wählen Sie im Panel auf der linken Seite Inhalt. Verwenden Sie dann eine der folgenden Methoden:
Positionieren Sie den Cursor an der Stelle, an der das Widget erscheinen soll, und klicken Sie auf das Symbol Widget einfügen.

Symbol Widget einfügen

Wenn Sie Page Builder nicht aktiviert haben und lieber mit dem Code arbeiten möchten, klicken Sie auf Editor ein-/ausblenden. Setzen Sie die Einfügemarke an die Stelle des Textes, an der das Widget erscheinen soll. Klicken Sie dann auf Widget einfügen.
Wählen Sie den Widget-Typ.

Weitere Informationen zu diesen Optionen finden Sie unter Widget-Typen. Die folgenden Schritte verwenden ein Beispiel für das Einfügen eines Links zu einem Produkt.
Um den Produktnamen zu verwenden, lassen Sie das Feld Anchor Custom Text leer.
Geben Sie einen Anchor Custom Title ein, um die beste SEO-Praxis zu erreichen.

Dieser Titel ist auf der Seite nicht sichtbar.
Setzen Sie Vorlage auf eine der folgenden Möglichkeiten:
- Um den Link in den Text einzubinden, wählen Sie Product Link Inline Template.
- Um den Link in einer separaten Zeile zu platzieren, wählen Sie Product Link Block Template.
Klicken Sie auf Produkt auswählen und gehen Sie wie folgt vor:
- Navigieren Sie in der Baumstruktur zu der gewünschten Kategorie.
- Wählen Sie in der Liste das verknüpfte Produkt.
Klicken Sie auf Widget einfügen, um den Link auf der Seite zu platzieren.

Wenn Sie mit HTML-Code arbeiten, erscheint oben auf der Seite ein markup tag für den Link, eingeschlossen in doppelten geschweiften Klammern. Verwenden Sie bei Bedarf Ausschneiden und Einfügen, um das Markup-Tag im Code an der Stelle zu positionieren, an der der Link erscheinen soll.
Wenn Sie den Inhalt vollständig bearbeitet haben, klicken Sie auf Speichern.