Eye-Able Software in Shopware einbinden
Wie integriere ich die Eye-Able Software in Shopware?
Da sich die Integrationsschritte je nach Shopware-Version unterscheiden, haben wir eine beispielhafte Anleitung für Shopware 6 erstellt, an der du dich orientieren kannst.
Wenn du Shopware 6 nutzt, kannst du die Eye-Able Software in der Regel einbinden, indem du die Script-Tags aus deinem Eye-Able Dashboard in den <head>-Bereich der Storefront einfügst. Shopware empfiehlt hierfür eine Template-Erweiterung sowie die Einbindung des Scripts im passenden head-Block.
1) Script-Tags aus dem Eye-Able Dashboard kopieren
Kopiere die Script-Tags aus deinem Eye-Able Dashboard. Diese findest du in dem Untermenü „Installation“ des gewünschten Produkts.
2) In Shopware 6 im Head einfügen
Shopware empfiehlt, zusätzliche <script>-Tags über eine Template-Erweiterung einzubinden und dafür den Block layout_head_javascript_hmr_mode zu erweitern (inklusive {{ parent() }} , damit die Standard-Skripte geladen bleiben).
Beispiel (Template-Erweiterung)
Hinweis: Ersetze die Platzhalter nur mit den Original-Script-Tags aus deinem Eye-Able Dashboard.
{# <dein Theme/Plugin>/src/Resources/views/storefront/layout/meta.html.twig #} {% sw_extends '@Storefront/storefront/layout/meta.html.twig' %} {% block layout_head_javascript_hmr_mode %} {{ parent() }} {# Eye-Able: Script-Tags aus dem Dashboard einfügen #} <script src="EYE-ABLE-SCRIPT-URL-1" defer></script> <script src="EYE-ABLE-SCRIPT-URL-2" defer></script> {% endblock %}
3) Theme aktivieren/neu bauen
Damit die Änderung sichtbar wird, muss das Theme in Shopware typischerweise kompiliert werden (z. B. per bin/console theme:compile).
Weitere Infos direkt bei Shopware
Eine detaillierte Anleitung zur Integration von JavaScript in Shopware 6 findest du hier:
- Add JavaScript as script tag (Shopware Docs)
- Kontaktmöglichkeiten für Kundinnen, Kunden und Interessierte – falls du bei der Integration weitere Hilfe benötigst