# Modalbox wird nicht in Einkaufswelt angezeigt
**URL:** https://forum.shopware.com/t/modalbox-wird-nicht-in-einkaufswelt-angezeigt/37161
**Category:** Allgemein
**Created:** [2. Juni 2016 um 08:27 UTC](https://forum.shopware.com/t/modalbox-wird-nicht-in-einkaufswelt-angezeigt/37161 "2016-06-02T08:27:41Z")
**Posts on this page:** 11
**Page:** 1
### Author:  [@thering](https://forum.shopware.com/u/thering)
#### Post date: [2. Juni 2016 um 08:27 UTC](https://forum.shopware.com/t/modalbox-wird-nicht-in-einkaufswelt-angezeigt/37161/1 "2016-06-02T08:27:41Z")
Hallo,
ich bin mal wieder verwirrt.
Im Footer nutze ich für einige Linkbilder eine Modalbox, wo dann jeweils eine Shopseite aufgerufen wird.
Das mache ich so:
Funktioniert bestens - im Footer…
Wenn ich nun diesen Code EXAKT in einem EInkaufswelt HTML-Element einfüge, wird das Bild zwar angezeigt, aber die Modalbox nicht?!
Hat jmd damit Erfahrungen oder weiß, woran es liegen könnte?
Ich möchte nämlich ein Bild einfügen, wobei nach Draufklicken eine Modalbox mit Video erscheint.
Die Einkaufswelt-Videofunktion ist nämlich optisch nicht ansprechend…
---
### Author:  [@thering](https://forum.shopware.com/u/thering)
#### Post date: [6. Juni 2016 um 07:19 UTC](https://forum.shopware.com/t/modalbox-wird-nicht-in-einkaufswelt-angezeigt/37161/2 "2016-06-06T07:19:09Z")
Ich push das mal nach oben…
---
### Author:  [@NextMike](https://forum.shopware.com/u/NextMike)
#### Post date: [7. Juni 2016 um 10:21 UTC](https://forum.shopware.com/t/modalbox-wird-nicht-in-einkaufswelt-angezeigt/37161/3 "2016-06-07T10:21:29Z")
Suche bitte nach Modalbox im Forum. Es gibt glaube ich ca. 5 Threads. Damit müsstest du eine für deinen Fall passende Lösung finden können.
---
### Author:  [@thering](https://forum.shopware.com/u/thering)
#### Post date: [7. Juni 2016 um 13:00 UTC](https://forum.shopware.com/t/modalbox-wird-nicht-in-einkaufswelt-angezeigt/37161/4 "2016-06-07T13:00:59Z")
Bereits getan. Bringt mich nicht weiter. Im Footer, wie bereits erwähnt, funktionieen die Modalboxen ja, bloß nicht in der Einkaufswelt.
---
### Author:  [@EikeBrandtWarneke](https://forum.shopware.com/u/EikeBrandtWarneke)
#### Post date: [7. Juni 2016 um 13:04 UTC](https://forum.shopware.com/t/modalbox-wird-nicht-in-einkaufswelt-angezeigt/37161/5 "2016-06-07T13:04:49Z")
Das HTML innerhalb der Einkaufswelten wird per Ajax nachgeladen. Somit sind für deine modalboxen keine events registriert und lassen sich damit auch nicht öffnen.
Viele Grüße
---
### Author:  [@thering](https://forum.shopware.com/u/thering)
#### Post date: [7. Juni 2016 um 13:17 UTC](https://forum.shopware.com/t/modalbox-wird-nicht-in-einkaufswelt-angezeigt/37161/6 "2016-06-07T13:17:27Z")
Na, das nenne ich doch mal konstruktiv!
Also gibt es keine Möglichkeit? Habe gerade durch googeln entdeckt, dass man wohl durch:
/\*Modalbox vorladen\*/
StateManager.updatePlugin(’\*[data-modalbox=„true“]’, ‚swModalbox‘);
in der jquery.emtion.js diesen Fehler fixen könnte. Aber hat nicht funktioniert…
---
### Author:  [@sschreier](https://forum.shopware.com/u/sschreier)
#### Post date: [7. Juni 2016 um 13:23 UTC](https://forum.shopware.com/t/modalbox-wird-nicht-in-einkaufswelt-angezeigt/37161/7 "2016-06-07T13:23:51Z")
> [@thering schrieb:](https://forum.shopware.com/profile/23366/thering "thering")
>
> Na, das nenne ich doch mal konstruktiv!
>
> Also gibt es keine Möglichkeit? Habe gerade durch googeln entdeckt, dass man wohl durch:
>
> /\*Modalbox vorladen\*/
> StateManager.updatePlugin(‚\*[data-modalbox=„true“]‘, ‚swModalbox‘);
>
> in der jquery.emtion.js diesen Fehler fixen könnte. Aber hat nicht funktioniert…
Hallo,
du könntest einmal probieren, ob es eventuell schon ausreicht, in der subscribe-Funktion auf onLoadEmotionFinished einfach swModalbox neu zu initialisieren:
```
StateManager.addPlugin('*[data-modalbox="true"]', 'swModalbox');
```
Beste Grüße
Sebastian
---
### Author:  [@thering](https://forum.shopware.com/u/thering)
#### Post date: [7. Juni 2016 um 13:31 UTC](https://forum.shopware.com/t/modalbox-wird-nicht-in-einkaufswelt-angezeigt/37161/8 "2016-06-07T13:31:20Z")
Wo soll ich das einfügen?
Habe es jetzt so:
$.publish(‚plugin/swEmotionLoader/onLoadEmotionFinished‘, [me]);
/\*Modalbox neu initalisieren \*/
StateManager.addPlugin(’\*[data-modalbox=„true“]’, ‚swModalbox‘);
Keine Veränderung…
---
### Author:  [@sschreier](https://forum.shopware.com/u/sschreier)
#### Post date: [7. Juni 2016 um 14:00 UTC](https://forum.shopware.com/t/modalbox-wird-nicht-in-einkaufswelt-angezeigt/37161/9 "2016-06-07T14:00:23Z")
> [@thering schrieb:](https://forum.shopware.com/profile/23366/thering "thering")
>
> Wo soll ich das einfügen?
>
> Habe es jetzt so:
>
> $.publish(‚plugin/swEmotionLoader/onLoadEmotionFinished‘, [me]);
> /\*Modalbox neu initalisieren \*/
> StateManager.addPlugin(‚\*[data-modalbox=„true“]‘, ‚swModalbox‘);
>
> Keine Veränderung…
Hallo,
ich habe ja auch nichts von publish geschrieben, sondern das man sich an die subscribe-Methode hängen soll. Dokumenation siehe hier: [jQuery plugins and the StateManager](https://developers.shopware.com/designers-guide/javascript-statemanager-and-pluginbase/#global-jquery-event-observer) .
Und wo? In einer eigenen JavaScript-Datei im **eigenen** Theme: [jQuery plugins and the StateManager](https://developers.shopware.com/designers-guide/javascript-statemanager-and-pluginbase/#adding-javascript-files-to-your-) .
Beste Grüße
Sebastian
---
### Author:  [@thering](https://forum.shopware.com/u/thering)
#### Post date: [7. Juni 2016 um 14:38 UTC](https://forum.shopware.com/t/modalbox-wird-nicht-in-einkaufswelt-angezeigt/37161/10 "2016-06-07T14:38:46Z")
Kannst Du mir mal sagen was genau jetzt genau in meiner eigenen “mb.js” Datei stehen soll?
Wie man eigene css und js Dateien einbindet, weiß ich.
Muss man da auch “appenden” bzw. “prependen”, wenn ja wie?
---
### Author:  [@sschreier](https://forum.shopware.com/u/sschreier)
#### Post date: [7. Juni 2016 um 14:46 UTC](https://forum.shopware.com/t/modalbox-wird-nicht-in-einkaufswelt-angezeigt/37161/11 "2016-06-07T14:46:29Z")
> [@thering schrieb:](https://forum.shopware.com/profile/23366/thering "thering")
>
> Kannst Du mir mal sagen was genau jetzt genau in meiner eigenen „mb.js“ Datei stehen soll?
>
> Wie man eigene css und js Dateien einbindet, weiß ich.
>
> Muss man da auch „appenden“ bzw. „prependen“, wenn ja wie?
Hallo,
das lesen der genannten Dokumentation kann ich dir leider nicht abnehmen. Im Bereich „Global jQuery event observer“ steht eigentlich alles drin (Thema subscribe etc.). Um den dort dargestellten Code am besten noch:
```
(function($, window) {
var $window = $(window);
/* JS - CODE */
})(jQuery, window);
```
machen und meine angesprochenen Code einfügen.
Das Einbinden der JavaScript-Datei steht im Bereich „Adding javascript files to your theme“.
Beste Grüße
Sebastian