#2041 Eigenes JavaScript einbinden

Sie haben mit ThemeWare mehrere Möglichkeiten ein eigenes JavaScript einzubinden.

Theme Konfiguration

In der Theme Konfiguration gibt es die Möglichkeit eine eigene JavaScript-Datei - oder auch direkt JavaScript Code - zu hinterlegen. Die Konfiguration finden Sie unter: Tab "Sonstiges" => Bereich "CSS & JavaScript" => Externe JavaScript-Datei hinzufügen

Hier ist es wichtig, dass Sie den Pfad zu der JavaScript Datei mit einem <script>-Tag angeben. Demnach ist es hier auch möglich innerhalb des <script>-Tags JavaScript Code anzugeben.

Beispiele:

<script type="text/javascript" src="https://deine-domain.de/src/js/example.js"></script>

<script type="text/javascript">console.log('test');</script>

Theme Ableitung

Die Voraussetzung hierfür ist, dass Sie bereits eine Ableitung von ThemeWare erstellt haben. Erfahren Sie mehr über ThemeWare Ableitungen. Den JavaScript Code können Sie entweder in der index.tpl oder der Theme.php hinzufügen.

index.tpl

Die index.tpl muss im Pfad "/themes/Frontend/Name-Ihrer-Ableitung/frontend/index" angelegt werden. Lesen Sie hier nach, wie Sie eine Template Datei erweitern: https://service.tc-innovations.de/themeware/sw5/article/2055-individuelle-template-anpassung

Beispiel:

{block name="frontend_index_header_javascript_jquery_lib"}
  {$smarty.block.parent}
  <script type="text/javascript" src="{link file='frontend/_public/src/js/example.js'}"></script>
{/block}

Theme.php

Sie können die JavaScript-Datei auch direkt in der Theme.php Ihrer Ableitung ergänzen. Dazu erstellen oder erweitern Sie die Variable $javascript. 

Beispiel:

/**
 * Javascript files which will be used in the theme.
 *
 * @var array
 */
protected $javascript = [
    'src/js/example.js'
];