#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'
];



Bitte teile uns deine Meinung mit!

Danke, das hat mir geholfen
Hat mir nicht geholfen

5704920a9d3f7e98b93b97e8805ed183
Kurz die Cookies, dann geht's weiter...
Auch diese Seite nutzt die üblichen Arten von Cookies: Technische und funktionale Cookies sind unbedingt nötig,damit diese Website überhaupt funktionieren kann.Zusätzlich nutzen wir Marketing-Cookies,damit wir dich auf unseren Seiten wiedererkennen und unsere Website und Kampagnen stets verbessern können, sowie Personalisierungs-Cookies mit denen wir dich, auch außerhalb dieser Website, besser ansprechen können.

Mit der Auswahl "Akzeptieren und Schließen" erlaubst Du uns die Verwendung dieser Cookies und Technologien. Bitte besuche unsere Datenschutzerklärung für weitere Informationen. Dort erfährst Du auch wie wir die Daten für erforderliche Zwecke (z. B. Sicherheit) verwenden.

Hier kannst du einstellen, welche Cookies du zulassen möchtest.

Technisch erforderlich

Wir nutzen Cookies, um die Bedienung und die Bereitstellung der Website zu ermöglichen und um sicherzustellen, dass bestimmte Funktionen ordnungsgemäß funktionieren. Diese Cookies sind immer aktiviert, da Du die Website sonst nicht ordnungsgemäß bedienen könntest.

Marketing

Die TC-Innovations GmbH und unsere Werbepartner (einschließlich Social Media-Plattformen wie Google, Facebook und Instagram) nutzen Tracking, um Dir personalisierte Angebote anzubieten, die Dir das volle Nutzererlebnis bieten. Dies beinhaltet das Anzeigen von "Direktwerbung auf Werbeplattformen Dritter", wie in der Datenschutzerklärung beschrieben. Wenn Du dieses Tracking nicht akzeptierst, wirst Du dennoch zufällige Werbeanzeigen von uns auf anderen Plattformen angezeigt bekommen.

Analyse

Um unsere Websites und Services stetig zu verbessern, analysieren wir das Nutzerverhalten auf unseren Websites.

Mehr Informationen findest du in unserer Datenschutzerklärung.

Speichern Cookie-Einstellungen Akzeptieren und Schließen