[erledigt] Fehler nach Hotjar Javascript einbindung

Shopware 5 Themes & Design
1

Kurze Frage, ich binde in der header.tpl folgenden Code ein:

{extends file="parent:frontend/index/header.tpl"}

{block name="frontend_index_header_javascript_modernizr_lib" append}


	(function(h,o,t,j,a,r){
	      h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
	      h._hjSettings={hjid:123456,hjsv:5};
	      a=o.getElementsByTagName('head')[0];
	      r=o.createElement('script');r.async=1;
	      r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
	      a.appendChild(r);
	})(window,document,'//static.hotjar.com/c/hotjar-','.js?sv=');
		

{/block}

Sobald ich das gemacht habe, erhalte ich im Frontend 503 Service Unavailable

Entferne ich die Inhalte der Funktion „testweise“ und binde nur das ein:

{extends file="parent:frontend/index/header.tpl"}

{block name="frontend_index_header_javascript_modernizr_lib" append}


	(function(h,o,t,j,a,r){

	})(window,document,'//static.hotjar.com/c/hotjar-','.js?sv=');
		

{/block}

Dann kommt der Fehler nicht. Hat jemand eine Idee, warum es zu dem Fehler kommt? Ich bekomme leider auch keine weiteren Debug Infos raus.

Danke vorab für eure Hilfe.

2

Okay, Lösung selbst gefunden. Damit es evtl. jemand anderem hilft hier die Lösung.

Scheinbar versucht smarty den Javascript Code zu parsen. Daher muss dieser innerhalb von {literal}{/literal} stehen. So bspw.:

{extends file="parent:frontend/index/header.tpl"}

{block name="frontend_index_header_javascript_modernizr_lib" append}

{literal} 
	(function(h,o,t,j,a,r){
	      h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
	      h._hjSettings={hjid:373034,hjsv:5};
	      a=o.getElementsByTagName('head')[0];
	      r=o.createElement('script');r.async=1;
	      r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
	      a.appendChild(r);
	})(window,document,'//static.hotjar.com/c/hotjar-','.js?sv=');
{/literal}

{/block}

 

1 „Gefällt mir“