Neu JS in Template Datei einfügen

DrGreen · 29. Dezember 2017

Hallo Hanseo,

was möchtest du denn einfügen bzw. damit erreichen.

Ich habe zum Beispiel einen Chat auf meiner Webseite, da musste ich auch ein JavaScript einfügen und habe das einfach unter Boxenverwaltung -> Footer gemacht.

Einfach eine neue Box (Eigene Box) erstellen und auf bearbeiten gehen. Dann umstellen auf HTML Code-Ansicht, Sript einfügen, speichern und lief.

Wenn du dich nicht so gut damit auskennst möchte ich dir davon abraten direkt in den Dateien etwas zu verändern.

_simone_ · 29. Dezember 2017

Wir haben 2 Scripte in einer custom.js eingebunden.

nmueller · 4. Januar 2018

Du könntest das JS in deinen Templateordner legen:

templates/dein-template/js/custom.js

Dann eine eigene header.tpl erstellen in:

templates/dein-template/layout/header.tpl

mit dem Inhalt

Code:

{extends file="{$parent_template_path}/layout/header.tpl"}
 
    {block name="head-meta" append}
    <script src="{$currentTemplateDir}js/custom.js"></script>
    {/block}

FPrüfer · 4. Januar 2018

Hallo, die custom.js wird vom Evo automatisch über den Footer dynamisch eingebunden. Ein explizites Laden per header.tpl führt hier also zu Dopplungen!

dimdum · 23. Februar 2018

Hallo

ich versuche einen Java Code von dem Statistik Tool Piwik/ Matomo einzubinden.
Dies soll nach Möglichkeit direkt vor dem </head> ausgeführt werden.

Wenn ich es wie von nmueller beschreiben einfüge bekomme ich keine Daten ins System.
Ich hatte es schon mal in der head.tpl eingeführt aber dann wurden im Shop die Artikel und Serien Ansichten nicht richtig angezeigt.
Der Code (mal abgesehen von der Domain Kennung) funktioniert so schon in einem anderen CMS und ist direkt vom Hersteller so definiert.

wo könnte man diesen Code am sinnvollsten einfügen?


<script type="text/javascript">
var _paq = _paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//www.domain.de/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', '2']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
</script>


Vielen Dank für Vorschläge im Voraus.

Gruß
Sebastian

martinwolf · 23. Februar 2018

@dimdum: Weil du im Script die geschweiften Klammern nicht escapest. Geschweifte Klammern werden auch in der Smarty-Syntax verwendet, daher wirst du hier zu 100% einen JS Fehler um die Ohren bekommen, daher kein Loggen der Zugriffe. Entweder du packst ein {literal} {/literal} um das gesamte Script oder du ersetzt alle { durch {ldelim} und alle } durch {rdelim}.

ag-websolutions.de · 23. Februar 2018

In ein Custom-Theme und dann in eine modifizierte footer.tpl

Wir bieten allerdings auch ein umfassendes Plugin an ... siehe hier:

https://shop.ag-websolutions.de/PIWIK-Integration-eCommerce-and-goals

Nicht nur das reine Seitentracking wird unterstützt, sondern auch das tracking von Conversation-Zielen

dimdum · 3. März 2018

Ich habe mir das Plugin für die 10 tägige Testphase mal eingebaut.
Was irritierend ist, dass im Shop Backend 200-500 Besucher am Tag angezeigt werden (JTL Standart Anzeige) aber in Piwik, dass über das Plugin eingebunden ist nur 2-3 Besucher am Tag...
Woran kann das liegen?
Anbei ein Screenshot aus Piwik und einer aus dem JTL Backend.

nmueller · 15. März 2018

@FPrüfer

Zitat von FPrüfer:
Hallo, die custom.js wird vom Evo automatisch über den Footer dynamisch eingebunden. Ein explizites Laden per header.tpl führt hier also zu Dopplungen!

Bei mir läd das auf der EVO basierende Custom Theme keine js Dateien "von selbst". Entweder, ich integriere die js in die Template-Dateistruktur und binde sie in meinem Template im Header oder Footer ein, oder ich erstelle daraus ein Plugin, welches die js über die XML läd.

Das hier war im Prinzip genau, was ich meinte..

Zitat von ag-websolutions.de:
In ein Custom-Theme und dann in eine modifizierte footer.tpl

Irgendwie haben wir uns hier glaube ich missverstanden, oder ich stehe auf dem Schlauch.

Btw. hätte ich wohl besser beispiel.js oder deine.js geschrieben - schätze du störst dich an der "custom.js" Formulierung, die von mir jetzt aber tatsächlich nicht in dem Zusammenhang angedacht war.

FPrüfer · 15. März 2018

Zitat von nmueller:
schätze du störst dich an der "custom.js" Formulierung, die von mir jetzt aber tatsächlich nicht in dem Zusammenhang angedacht war.

Genau das ist aber der Unterschied! Eine custom.js im Pfad /js des Child-Templates wird automatisch geladen und zwar GENAU diese! Für eine beispiel.js oder deine.js oder in anderen Pfaden abgelegte JS-Dateien gilt das nicht!

nmueller · 15. März 2018

oki, ist natürlich richtig

Hatte ich in dem Moment nicht mehr auf dem Schirm und "custom.irgendwas" ist ja doch eine gängige Formulierung für Beispiele. Mein Fehler.

Ähnliche Themen	Forum	Antworten	Erstelldatum des Themas
Neu JTL Shop Neukunde abfragen (im Smarty Template) und Text im Bestellabschluss anzeigen	Allgemeine Fragen zu JTL-Shop	1	heute um 09:42 Uhr
Gelöst Nach Update auf 4.06 Template Fehler?	Gelöste Themen in diesem Bereich	1	Mittwoch um 17:56 Uhr
Neu Linkgruppe im Template ansprechen.	Templates für JTL-Shop	5	Dienstag um 16:15 Uhr
Neu bestimmte Textattribute im EVO Template unter dem Artikelpreis anzeigen	Templates für JTL-Shop	1	1. Dezember 2019
Neu Wo sind die Mail-Template-Dateien in den Patches?	Installation / Updates von JTL-Shop	1	7. November 2019

Suche

Suche

Neu JS in Template Datei einfügen

Hanseo

Mitglied

DrGreen

Mitglied

_simone_

Sehr aktives Mitglied

Hanseo

Mitglied

nmueller

Sehr aktives Mitglied

FPrüfer

Moderator

dimdum

Aktives Mitglied

martinwolf

Offizieller Servicepartner

ag-websolutions.de

Moderator

dimdum

Aktives Mitglied

Anhänge

nmueller

Sehr aktives Mitglied

FPrüfer

Moderator

nmueller

Sehr aktives Mitglied