# JQuery in Template verwenden

**URL:** <https://forum.shopware.com/t/jquery-in-template-verwenden/58580>\
**Category:** Programmierung\
**Created:** [14. März 2019 um 15:25 UTC](https://forum.shopware.com/t/jquery-in-template-verwenden/58580 "2019-03-14T15:25:38Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![werkzeugdiscount24](https://avatars.discourse-cdn.com/v4/letter/w/4da419/32.png) [@werkzeugdiscount24](https://forum.shopware.com/u/werkzeugdiscount24)\
**Post date:** [14. März 2019 um 15:25 UTC](https://forum.shopware.com/t/jquery-in-template-verwenden/58580/1 "2019-03-14T15:25:38Z")

</div>

Hallo Community,

ich hab da mal eine Frage zum Template ich möchte mir in der Box-basic.tpl ein eigenes Feld als Table anzeigen lassen. Nun habe ich ich mir das Child Theme extendet und den Block um ein Script erweitert:

```
                            $( document ).ajaxComplete(function() {
                             $('#artbl ul').wrap('<table/>').contents().unwrap(); 
                             $('#artbl li').wrap('<tr><td>').contents().unwrap(); 
                             $("#artbl:contains(':')").html(function(_, html) {
                             return html.replace(/(:)/g, '</td><td>');
                              });
                             });

```

Dieses soll mir aus einer Auflistung von UL und Li eine Tabelle wiedergeben. Im alten System hat dieses auch funktioniert. Da ich neu in Shopware bin weiß ich aber leider nicht warum es hier nicht greift gibt es da einen trick?

---

<div class="post-metadata">

**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\
**Post date:** [15. März 2019 um 05:38 UTC](https://forum.shopware.com/t/jquery-in-template-verwenden/58580/2 "2019-03-15T05:38:41Z")

</div>

Du kannst nicht irgenwelche&nbsp;Code Snippets von anderen Systemen 1zu1 kopieren.

In Shopware gibt es hierzu Freitextfelder:&nbsp;[Shopware 5 - Einstellungen - Freitextfelder / Attribute](https://docs.shopware.com/de/shopware-5-de/einstellungen/freitextfelder-attribute)

---

<div class="post-metadata">

**Author:** ![werkzeugdiscount24](https://avatars.discourse-cdn.com/v4/letter/w/4da419/32.png) [@werkzeugdiscount24](https://forum.shopware.com/u/werkzeugdiscount24)\
**Post date:** [15. März 2019 um 06:42 UTC](https://forum.shopware.com/t/jquery-in-template-verwenden/58580/3 "2019-03-15T06:42:58Z")

</div>

Hallo, die Freitextfelder sind auch befüllt. Diese werden auch an den Shop übermittelt nur möchte ich sozusagen das DOM im Frontend des Shops über das template mit jquery manipulieren. &nbsp;

---

<div class="post-metadata">

**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\
**Post date:** [15. März 2019 um 08:35 UTC](https://forum.shopware.com/t/jquery-in-template-verwenden/58580/4 "2019-03-15T08:35:43Z")

</div>

> [@werkzeugdiscount24 schrieb:](https://forum.shopware.com/profile/30868/werkzeugdiscount24 "werkzeugdiscount24")
> 
> Hallo, die Freitextfelder sind auch befüllt. Diese werden auch an den Shop übermittelt nur möchte ich sozusagen das DOM im Frontend des Shops über das template mit jquery manipulieren. &nbsp;

Warum genau umständlich über Javascript?

Du kannst doch in deiner .tpl Datei eine if Abfrage machen und dann entsprechend bspw. einen {block} anzeigen lassen, oder ein anderes Template lassen?&nbsp;

Ansonsten kommt halt der Javascript Code auch in eine Javascript Datei:&nbsp;[Using CSS and JavaScript in themes](https://developers.shopware.com/designers-guide/css-and-js-files-usage/#add-javascript-files)

Davon abgesehen: Welchen Fehler bekommst du denn in der Console von den Devtools?

---

<div class="post-metadata">

**Author:** ![werkzeugdiscount24](https://avatars.discourse-cdn.com/v4/letter/w/4da419/32.png) [@werkzeugdiscount24](https://forum.shopware.com/u/werkzeugdiscount24)\
**Post date:** [21. März 2019 um 11:19 UTC](https://forum.shopware.com/t/jquery-in-template-verwenden/58580/5 "2019-03-21T11:19:08Z")

</div>

Habe es versucht wie in der Beschreibung hinzuzufügen. Eine JS datei mit dem Script erstellt und diese dann in der Theme.php mit aufgeführt danach lässt sich das theme aber nicht mehr kompilieren.

habe auch schon versucht es dirket in die Templatedatei zu schreiben wie in vielen threads schon thematisiert war:

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {block name=“frontend\_index\_header\_javascript\_jquery” append}  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {\* Product description \*}  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;   
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {/block}

Leider finde ich dann den code nirgends in Chrome. Sobald dieser Code aber fehlerhaft ist kann ich das Script in Chrome finden.

Wenn ich das Scritp direkt über Chromeconsole ausprobiere funktioniert es auch. Somit denke ich das ich es versuche falsch einzubinden und es im Nachgang irgendwo entfernt wird.