# Javascript einbinden & Custom Events

**URL:** <https://forum.shopware.com/t/javascript-einbinden-custom-events/61210>\
**Category:** Programmierung\
**Created:** [20. August 2019 um 15:11 UTC](https://forum.shopware.com/t/javascript-einbinden-custom-events/61210 "2019-08-20T15:11:19Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![biloba](https://avatars.discourse-cdn.com/v4/letter/b/ccd318/32.png) [@biloba](https://forum.shopware.com/u/biloba)\
**Post date:** [20. August 2019 um 15:11 UTC](https://forum.shopware.com/t/javascript-einbinden-custom-events/61210/1 "2019-08-20T15:11:19Z")

</div>

Hallo,

ich habe gerade 2 Fragen bei denen ich nicht weiterkomme.

&nbsp;

1. 

Ich versuche gerade&nbsp;in meinem Plugin ein eigenes Javascript Plugin einzubinden nach folgendem HowTo ([Add Custom Javascript | Shopware Documentation](https://docs.shopware.com/en/shopware-platform-dev-en/how-to/js-storefront-plugin)).

Im aktuellen Dev Branch von Shopware funktioniert auch alles prima, bei der EA wird mein JS Code jedoch nicht ausgeführt, obwohl ich diesen in der kompilierten all.js sehen kann.

Ich habe auch einmal direkt das Beispiel installiert. Das funktioniert in der EA1 auch nicht. Den PluginScriptPath habe ich hinzugefügt, damit zumindest in dem Beipiel auch der JS Code in der all.js auftaucht. Würde mich freuen, wenn mir jemand einen Hinweis geben kann, wie ich das in der EA1 zum laufen bekomme oder wird das dann erst in der EA2 funktionieren?

&nbsp;

1. 

In meinem Javascript Plugin würde ich gerne einen Listener einbauen auf folgenden Custom Event (this.$emitter.publish(‚offCanvasOpened‘, { response })😉

Ich habe in meiner JS Datei folgendes probiert , beides leider ohne Erfolg

> this.$emitter.subscribe(‚offCanvasOpened‘, function() {  
> console.log(‚test‘);  
> });

und

> element.addEventListener(‚offCanvasOpened‘, function() {  
> console.log(‚test‘);  
> });

Danke schonmal für Eure Hilfe

---

<div class="post-metadata">

**Author:** ![Moorleiche](https://avatars.discourse-cdn.com/v4/letter/m/6f9a4e/32.png) [@Moorleiche](https://forum.shopware.com/u/Moorleiche)\
**Post date:** [20. August 2019 um 15:54 UTC](https://forum.shopware.com/t/javascript-einbinden-custom-events/61210/2 "2019-08-20T15:54:06Z")

</div>

Das selbe Problem habe ich auch. Dachte zunächst es liegt an JQuery&nbsp; ^^

---

<div class="post-metadata">

**Author:** ![badiiboukalane](https://avatars.discourse-cdn.com/v4/letter/b/5f9b8f/32.png) [@badiiboukalane](https://forum.shopware.com/u/badiiboukalane)\
**Post date:** [22. August 2019 um 13:33 UTC](https://forum.shopware.com/t/javascript-einbinden-custom-events/61210/3 "2019-08-22T13:33:29Z")

</div>

> [@biloba schrieb:](https://forum.shopware.com/profile/28352/biloba "biloba")
> 
> Hallo,
> 
> ich habe gerade 2 Fragen bei denen ich nicht weiterkomme.
> 
> &nbsp;
> 
> 1. 
> 
> Ich versuche gerade&nbsp;in meinem Plugin ein eigenes Javascript Plugin einzubinden nach folgendem HowTo ([https://docs.shopware.com/en/shopware-platform-dev-en/how-to/js-storefront-plugin](https://docs.shopware.com/en/shopware-platform-dev-en/how-to/js-storefront-plugin)).
> 
> Im aktuellen Dev Branch von Shopware funktioniert auch alles prima, bei der EA wird mein JS Code jedoch nicht ausgeführt, obwohl ich diesen in der kompilierten all.js sehen kann.
> 
> Ich habe auch einmal direkt das Beispiel installiert. Das funktioniert in der EA1 auch nicht. Den PluginScriptPath habe ich hinzugefügt, damit zumindest in dem Beipiel auch der JS Code in der all.js auftaucht. Würde mich freuen, wenn mir jemand einen Hinweis geben kann, wie ich das in der EA1 zum laufen bekomme oder wird das dann erst in der EA2 funktionieren?
> 
> &nbsp;
> 
> 1. 
> 
> In meinem Javascript Plugin würde ich gerne einen Listener einbauen auf folgenden Custom Event (this.$emitter.publish(‚offCanvasOpened‘, { response })😉
> 
> Ich habe in meiner JS Datei folgendes probiert , beides leider ohne Erfolg
> 
> > this.$emitter.subscribe(‚offCanvasOpened‘, function() {  
> > console.log(‚test‘);  
> > });
> 
> und
> 
> > element.addEventListener(‚offCanvasOpened‘, function() {  
> > console.log(‚test‘);  
> > });
> 
> Danke schonmal für Eure Hilfe

Das Problem habe ich auch. Habt ihr eine Lösung dafür gefunden?&nbsp;

---

<div class="post-metadata">

**Author:** ![biloba](https://avatars.discourse-cdn.com/v4/letter/b/ccd318/32.png) [@biloba](https://forum.shopware.com/u/biloba)\
**Post date:** [22. August 2019 um 13:41 UTC](https://forum.shopware.com/t/javascript-einbinden-custom-events/61210/4 "2019-08-22T13:41:14Z")

</div>

Nein leider noch nicht

---

<div class="post-metadata">

**Author:** ![Moorleiche](https://avatars.discourse-cdn.com/v4/letter/m/6f9a4e/32.png) [@Moorleiche](https://forum.shopware.com/u/Moorleiche)\
**Post date:** [22. August 2019 um 17:22 UTC](https://forum.shopware.com/t/javascript-einbinden-custom-events/61210/5 "2019-08-22T17:22:24Z")

</div>

Abwarten und Tee trinken 😉

---

<div class="post-metadata">

**Author:** ![Moorleiche](https://avatars.discourse-cdn.com/v4/letter/m/6f9a4e/32.png) [@Moorleiche](https://forum.shopware.com/u/Moorleiche)\
**Post date:** [24. August 2019 um 20:27 UTC](https://forum.shopware.com/t/javascript-einbinden-custom-events/61210/6 "2019-08-24T20:27:25Z")

</div>

Also das Problem habe ich immernoch: Speziell meine kompilierten Storefront Scripts erscheinen in der main.js, aber es passiert nichts weiter. In der Dev Umgebung läuft es auch nicht. Ausschließlich nur dann, wenn ich storefront:build ausführe.

---

<div class="post-metadata">

**Author:** ![badiiboukalane](https://avatars.discourse-cdn.com/v4/letter/b/5f9b8f/32.png) [@badiiboukalane](https://forum.shopware.com/u/badiiboukalane)\
**Post date:** [10. September 2019 um 07:52 UTC](https://forum.shopware.com/t/javascript-einbinden-custom-events/61210/7 "2019-09-10T07:52:31Z")

</div>

Abwarten und Tee trinken&nbsp; ![Crying](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/crying.png "Crying")

---

<div class="post-metadata">

**Author:** ![Moritz\_Naczenski](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/moritz_naczenski/32/7792_2.png) [@Moritz\_Naczenski](https://forum.shopware.com/u/Moritz_Naczenski)\
**Post date:** [10. September 2019 um 10:47 UTC](https://forum.shopware.com/t/javascript-einbinden-custom-events/61210/8 "2019-09-10T10:47:32Z")

</div>

Hier wurde das Thema schon einmal behandelt:&nbsp;[https://github.com/shopware/platform/issues/152](https://github.com/shopware/platform/issues/152)

---

<div class="post-metadata">

**Author:** ![Moorleiche](https://avatars.discourse-cdn.com/v4/letter/m/6f9a4e/32.png) [@Moorleiche](https://forum.shopware.com/u/Moorleiche)\
**Post date:** [10. September 2019 um 13:08 UTC](https://forum.shopware.com/t/javascript-einbinden-custom-events/61210/9 "2019-09-10T13:08:07Z")

</div>

[@Moritz Naczenski]([http://forum.shopware.com/profile/14574/Moritz](http://forum.shopware.com/profile/14574/Moritz) Naczenski „Moritz Naczenski“)‍

Ja war ich&nbsp; ![Sticking-out-tongue](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/sticking-out-tongue.png "Sticking-out-tongue") ![Thumb-Up](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/thumb-up.png "Thumb-Up")
