tawk.to CHAT WIDGET einbetten

Hi, ich hab schon die Suchfunktion genutzt und leider nicht das passenden gefunden. Ich probiere gerade das CHAT WIDGET einzubauen.

Ich habe dazu den Code in eine .js Datei gepackt und in den Ordner frontend/_public/src/js/custom gelegt. 

var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/5ff71xxxxxxx6a05ae/1xxxxhkpj';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();

 Danach habe ich in der Theme.php folgedenen Eintrag gemacht:

SHOPWARE_EOD;
	protected $javascript = array(
    'src/js/custom/twak.js'
	);

Aber leider kackt mir der Shop damit ab, ich habe hier im Forum einen Eintrag gefunden, wo jemand das selbe Problem hatte, und da steht aber nur “Man sollte natürlich den HTML-Teil weglassen, der mitgeliefert wird.”, ich bin aber ein absoluter DAU und weiß nciht welchen Teil ich da weglassen soll. 

Bitte habt nachsicht mit mir und lacht mich nicht aus, ich versuche mir schon so gut wie es geht selbst zu helfen. :) 

 

Warum so kompliziert? Index.tpl im eigenen Theme mit folgendem Inhalt anlegen, kompilieren und bitte mal testen: 

{extends file=‘parent:frontend/index/index.tpl’}                        
{* Main content *}
                        {block name=‘frontend_index_content_wrapper’}
                            {$smarty.block.parent}

{/block}

P.S.: Leider wird der Text beschnitten, zwischen {$smarty.block.parent} und {/block} muss einfach dein oberster Code rein.

1 Like

Danke, habe ich probiert mit dem Code:

{extends file='parent:frontend/index/index.tpl'}                        
{* Main content *}
{block name='frontend_index_content_wrapper'}
                            {$smarty.block.parent}
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/xxxxxxae/xxxxxxhkpj';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
{/block}

Dann passiert genau das über den Footer, scheint als wenn der Code noch nicht so funktioniert?

Man sollte den JS-Code noch in {literal}…{/literal} einfassen, sonst wird versucht, den Code als Smarty zu interpretieren.

1 Like

Das hat funktioniert! Dank euch!

Der Code sieht jetzt so aus…

{extends file='parent:frontend/index/index.tpl'}                        
{* Main content *}
{block name='frontend_index_content_wrapper'}
                            {$smarty.block.parent}
			{literal}
			
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/5fxxxxxxxxxxb96a05ae/1xxxxxhkpj';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();

{/literal}
{/block}

 

Klasse, wenn es jetzt läuft, ja, genau, das {literal} hatte ich vergessen.

1 Like