# Zendesk-JS-Code integrieren

**URL:** <https://forum.shopware.com/t/zendesk-js-code-integrieren/47577>\
**Category:** Programmierung\
**Created:** [15. August 2017 um 09:18 UTC](https://forum.shopware.com/t/zendesk-js-code-integrieren/47577 "2017-08-15T09:18:20Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![rrobin](https://avatars.discourse-cdn.com/v4/letter/r/858c86/32.png) [@rrobin](https://forum.shopware.com/u/rrobin)\
**Post date:** [15. August 2017 um 09:18 UTC](https://forum.shopware.com/t/zendesk-js-code-integrieren/47577/1 "2017-08-15T09:18:20Z")

</div>

Hallo,

ich möchte in einem Shopware-Shop das Zendesk-Widget einbinden. Dazu muss ein JS-Script eingebunden werden. Zu diesem Zweck haben wir ein [Plugin von Netzperfekt](https://www.zendesk.com/apps/shopware/) gekauft, das genau dies ermöglichen soll. Auf anderen Shopware-Seiten funktioniert dieses Plugin auch problemlos.

Der Originalcode den ich einfügen möchte sieht so aus.

```
/*<![CDATA[*/
    window.zEmbed || function (e, t) {
        var n, o, d, i, s, a = [], r = document.createElement("iframe");
        window.zEmbed = function () {
            a.push(arguments)
        }, window.zE = window.zE || window.zEmbed, r.src = "javascript:false", r.title = "", r.role = "presentation", (r.frameElement || r).style.cssText = "display: none", d = document.getElementsByTagName("script"), d = d[d.length - 1], d.parentNode.insertBefore(r, d), i = r.contentWindow, s = i.document;
        try {
            o = s
        } catch (e) {
            n = document.domain, r.src = 'javascript:var d=document.open();d.domain="' + n + '";void(0);', o = s
        }
        o.open()._l = function () {
            var e = this.createElement("script");
            n && (this.domain = n), e.id = "js-iframe-async", e.src = "https://assets.zendesk.com/embeddable_framework/main.js", this.t = +new Date, this.zendeskHost = "xxxxxx.zendesk.com", this.zEQueue = a, this.body.appendChild(e)
        }, o.write('<body onload="document._l();">'), o.close()
    }();
    /*]]>*/ 

```

&nbsp;

Nach **o.write(** wird der Code jedoch einfach abgeschnitten und das Widget funktioniert demnach nicht. Nachdem also das direkte Einfügen in das Plugin kein Ergebnis liefert, habe ich versucht den Code behelfsmäßig direkt in die .tpl einzubinden. Und zwar so:

```
{block name="frontend_index_header_javascript_jquery" append}
{literal}
    {*Hier das oben aufgeführte Javascript*}
{/literal}
{/block}

```

Das jeweils mit und ohne {literal}{/literal}. Ergebnis: Ohne&nbsp; die Literal-Tags bleibt die Seite komplett weiß. Mit den Tags hingegen zeigt sich das gleich Problem: Der Code wird einfach abgeschnitten.

Die Anpassungen habe ich jeweils einmal in der _header.tpl_ und einmal in der _index.tpl_ im Child-Theme vorgenommen. So langsam gehen mir die Ideen aus. ☹ Hat jemand von euch noch einen Rat?

Viele Grüße

Robin

&nbsp;

---

<div class="post-metadata">

**Author:** ![sommunikation](https://avatars.discourse-cdn.com/v4/letter/s/f1d935/32.png) [@sommunikation](https://forum.shopware.com/u/sommunikation)\
**Post date:** [25. August 2017 um 09:52 UTC](https://forum.shopware.com/t/zendesk-js-code-integrieren/47577/2 "2017-08-25T09:52:12Z")

</div>

Seit Shopware 5.3.2 kann ich leider den Block&nbsp;{block name=„frontend\_index\_header\_javascript\_jquery“ append} von&nbsp;{extends file=„parent:frontend/detail/index.tpl“} nicht mehr erweitern. Konntest Du mittlerweilen dafür eine Lösung finden? Unter 5.2 ging das problemlos - bei mir müsste das hier rein (wie gesagt in frontend/detail/index.tpl):

```
{block name="frontend_index_header_javascript_jquery" append}
{literal}
    

        $( document ).ready(function() {
            if(/(Android)/i.test(navigator.userAgent) || /(iPhone)/i.test(navigator.userAgent) || /(iPad)/i.test(navigator.userAgent) || /(iPod)/i.test(navigator.userAgent))
            {
                $(".whatsapplink").css("display", "inline-block");
            }
        });

    
{/literal}
{/block}

```

&nbsp;

---

<div class="post-metadata">

**Author:** ![rrobin](https://avatars.discourse-cdn.com/v4/letter/r/858c86/32.png) [@rrobin](https://forum.shopware.com/u/rrobin)\
**Post date:** [25. August 2017 um 12:21 UTC](https://forum.shopware.com/t/zendesk-js-code-integrieren/47577/3 "2017-08-25T12:21:54Z")

</div>

Hallo,

nein, ich habe das Problem leider bisher noch nicht lösen können.

Viele Grüße

Robin