Eigenes JavaScript einbinden (SW5)

Hinweis: Shopware 5 hat das End-of-Life erreicht. Diese Anleitung dient als Archiv für bestehende Kunden.

Es gibt drei Methoden, um eigenes JavaScript in ThemeWare^® für Shopware 5 einzubinden:

Methode 1: Theme-Konfiguration

Im Backend kannst du unter Sonstiges → CSS & JavaScript eine externe JavaScript-Datei oder direkten Code hinzufügen.

Das System akzeptiert <script>-Tags mit src-Attribut oder Inline-Code.

Für Themes mit bereits erstellter Ableitung ermöglicht die index.tpl-Datei die Erweiterung:

{block name="frontend_index_header_javascript_jquery_lib"}
    {$smarty.block.parent}
    <script src="dein-script.js"></script>
{/block}

Die $javascript-Array-Variable in der Theme.php erlaubt die direkte Pfad-Angabe zu JavaScript-Dateien:

protected $javascript = [
    'src/js/example.js'
];