Wie füge ich ein Delm-Widget zu meinem Theme hinzu?

Widgets können entweder über den Delm Widget App-Block oder durch Hinzufügen des App-Block-Codes zu .liquid Templates integriert werden.

Video

Verwendung des App-Blocks

Mit dem Delm Widget-Block können Widgets ganz einfach über den visuellen Shopify-Theme-Editor integriert werden, ohne dass Programmierkenntnisse erforderlich sind.

Falls Ihr Theme keine App-Blöcke unterstützt, können Widgets in .liquid Templates integriert werden.

Verwendung von Liquid

Das `<delm-widget>`HTML-Element kann verwendet werden, um Widgets in .liquid Templates zu integrieren.

Bitte stellen Sie sicher, dass das `Delm Core`-App-Embed in den Theme-Einstellungen aktiviert ist.

Code-Beispiel

Der folgende Code-Schnipsel kann verwendet werden, um Widgets in .liquid Templates zu integrieren.

<delm-widget data-variant-id="{{ product.selected_or_first_available_variant.id }}"></delm-widget>

Der Name des `product`-Objekts kann je nach Kontext variieren. Bitte stellen Sie sicher, dass das korrekte Objekt verwendet wird, um auf die Produktinformationen zuzugreifen.

Elementattribute

Das <delm-widget> Element unterstützt die folgenden Attribute. Alle Attribute sind optional.

Attribut	Beschreibung
data-widget-id	Lädt ein spezifisches Widget anhand seiner ID. Leer lassen, um das Standard-Widget zu laden.
data-variant-id	Verknüpft eine Produktvariante mit diesem Widget, um produktspezifische Daten anzuzeigen.

Aktualisiert am: 24/03/2025