# jQuery korrekt ins Theme einbinden

**URL:** <https://forum.shopware.com/t/jquery-korrekt-ins-theme-einbinden/94095>\
**Category:** Shopware 5\
**Created:** [26. April 2022 um 11:22 UTC](https://forum.shopware.com/t/jquery-korrekt-ins-theme-einbinden/94095 "2022-04-26T11:22:58Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![skarpeta](https://avatars.discourse-cdn.com/v4/letter/s/ac91a4/32.png) [@skarpeta](https://forum.shopware.com/u/skarpeta)\
**Post date:** [26. April 2022 um 11:22 UTC](https://forum.shopware.com/t/jquery-korrekt-ins-theme-einbinden/94095/1 "2022-04-26T11:22:58Z")

</div>

Hallo,

ich habe zuvor jQuery über die Theme Optionen hinzugefügt, per CDN.  
Mit folgendem Code:

```auto
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

```

Funktioniert alles, meine Dateien im Theme welche auf jQuery basieren laufen auch.

Nun wollte ich jQuery lokal hosten, habe mir also die verlinkte Datei heruntergeladen und habe es im Theme an die oberste Stelle gesetzt und meine eigenen Dateien kamen erst danach.

Irgendwas läuft da aber was schief und mein JS funktioniert nicht mehr korrekt weil jQuery zu fehlen scheint.

Meine `Theme.php` sieht so aus:

```auto
<?php

namespace Shopware\Themes\meintheme;

use Shopware\Components\Form as Form;

class Theme extends \Shopware\Components\Theme
{
    protected $extend = 'Clay';
    protected $javascript = [
        'src/js/vendors/jquery.min.js',
        'src/js/jquery.meinjs.js'        
    ];
    
    protected $name = <<<'SHOPWARE_EOD'
    
meintheme name
SHOPWARE_EOD;

    protected $description = <<<'SHOPWARE_EOD'

SHOPWARE_EOD;

    protected $author = <<<'SHOPWARE_EOD'

SHOPWARE_EOD;

    protected $license = <<<'SHOPWARE_EOD'

SHOPWARE_EOD;

    public function createConfig(Form\Container\TabContainer $container)
    {
    }
}

```

jQuery liegt natürlich im richtigen (oben verlinkten) Ordner, also: `theme/frontend/_public/src/js/vendors`

Hat jemand eine Idee wo der Fehler ist?  
Liegt es an der erneuten Komprimierung durch Shopware? Wie hoste ich jQuery lokal und binde es am besten ein wenn es nicht so geht?  
Klar ich könnte es irgendwo auf den Webspace legen und über die Theme Einstellungen wie zuvor verlinken.  
Aber kriege ich das auch direkt ins Theme rein irgendwie?

---

<div class="post-metadata">

**Author:** ![\_Sebastian](https://avatars.discourse-cdn.com/v4/letter/_/f6c823/32.png) [@\_Sebastian](https://forum.shopware.com/u/_Sebastian)\
**Post date:** [26. April 2022 um 13:34 UTC](https://forum.shopware.com/t/jquery-korrekt-ins-theme-einbinden/94095/2 "2022-04-26T13:34:19Z")

</div>

Soweit ich weiß hat Shopware 5 ja eh schon JQ drin, also das sollte nicht nochmal geladen werden müssen.

---

<div class="post-metadata">

**Author:** ![skarpeta](https://avatars.discourse-cdn.com/v4/letter/s/ac91a4/32.png) [@skarpeta](https://forum.shopware.com/u/skarpeta)\
**Post date:** [27. April 2022 um 08:24 UTC](https://forum.shopware.com/t/jquery-korrekt-ins-theme-einbinden/94095/3 "2022-04-27T08:24:13Z")

</div>

Ja du hast recht. Habe es jetzt auch in den Docs gefunden.

> **[Using CSS and JavaScript in themes](https://developers.shopware.com/designers-guide/css-and-js-files-usage/#add-javascript-files)**
>
> Using CSS and JavaScript in themes

> **Note:** When you add JavaScript with the `$javascript` array you will also have access to jQuery. If you’d like further information about creating your own jQuery plugins you can take a look at our Guide: [Getting started with the statemanager and the jQuery plugin base](https://devdocs.shopware.com/designers-guide/javascript-statemanager-and-pluginbase/)

Also hat sich das erledigt. Danke dir!