Artikel über: Widgets
Dieser Artikel ist auch verfügbar in:

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.


Delm Widget


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.


Delm Core


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

War dieser Beitrag hilfreich?

Teilen Sie Ihr Feedback mit

Stornieren

Danke!