Wie integriere ich die Eye-Able Software in Shopware?
Einleitung
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 , damit die Standard-Skripte geladen bleiben).
Beispiel (Template-Erweiterung)
Ersetze die Platzhalter nur mit den Original-Script-Tags aus dem Eye-Able Dashboard.
<script src="EYE-ABLE-SCRIPT-URL-1" defer></script>
<script src="EYE-ABLE-SCRIPT-URL-2" defer></script>
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: