# Slider mit HTML-Content

**URL:** <https://forum.shopware.com/t/slider-mit-html-content/34623>\
**Category:** Themes & Design\
**Created:** [19. Februar 2016 um 16:15 UTC](https://forum.shopware.com/t/slider-mit-html-content/34623 "2016-02-19T16:15:57Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Florian\_Berlin](https://avatars.discourse-cdn.com/v4/letter/f/b38774/32.png) [@Florian\_Berlin](https://forum.shopware.com/u/Florian_Berlin)\
**Post date:** [19. Februar 2016 um 16:15 UTC](https://forum.shopware.com/t/slider-mit-html-content/34623/1 "2016-02-19T16:15:57Z")

</div>

Hi,

ich brauche einen Slider mit HTML Content für die Einkaufswelten.

Hat jemand etwas derartiges schonmal umgesetzt oder gibt es hierfür eventuell ein Plugin im Store.  
Hab bisher leider werder einen Post zu diesem Thema oder ein entsprechendes Plugin gefunden.

Oder gibt es eine Anleitung, wie man z. B. eine jquery Slider in die Einkaufswelten einbinden kann?

Ich finde ein HTML-Slider wäre eine sehr gute Ergänzung für die EK´s.

Schonam vielen Dank für alle Antworten

Und ein schönes Wochenende

---

<div class="post-metadata">

**Author:** ![Stephan\_Pohl](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/stephan_pohl/32/10212_2.png) [@Stephan\_Pohl](https://forum.shopware.com/u/Stephan_Pohl)\
**Post date:** [19. Februar 2016 um 16:32 UTC](https://forum.shopware.com/t/slider-mit-html-content/34623/2 "2016-02-19T16:32:23Z")

</div>

Hallo @Florian\_Berlin‍,

du kannst hierfür den jQuery Image Slider verwenden, welcher im Auslieferungszustand dabei haben. Defacto kann der Slider mehr als nur Bilder zu animieren.

[https://github.com/shopware/shopware/blob/5.1/themes/Frontend/Responsive/frontend/\_public/src/js/jquery.image-slider.js#L11](https://github.com/shopware/shopware/blob/5.1/themes/Frontend/Responsive/frontend/_public/src/js/jquery.image-slider.js#L11)

Inline haben wir hier dokumentiert wie der DOM-Aufbau aussehen muss, damit der Slider funktioniert. Innerhalb der “image-slider–item”-Box kannst du beliebigen Text hinterlegt.

Viele Grüße,  
Stephan Pohl&nbsp; ![Shopware](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/86c57fbace799dd4eb1f1b8a2d3bdc1733f0aea1.png "Shopware")

---

<div class="post-metadata">

**Author:** ![Florian\_Berlin](https://avatars.discourse-cdn.com/v4/letter/f/b38774/32.png) [@Florian\_Berlin](https://forum.shopware.com/u/Florian_Berlin)\
**Post date:** [22. Februar 2016 um 15:45 UTC](https://forum.shopware.com/t/slider-mit-html-content/34623/3 "2016-02-22T15:45:26Z")

</div>

Hallo Stephan,

vielen Dank für die schnelle Antwort.

Aber, wenn ich in einer Einkaufswelt bin, wird mir unter “Standard-Elemente” kein jQuery Image Slider angezeigt.

Muss ich den noch irgendwie manuel einbinden?  
&nbsp;

Viele Grüße  
Flo

---

<div class="post-metadata">

**Author:** ![Florian\_Berlin](https://avatars.discourse-cdn.com/v4/letter/f/b38774/32.png) [@Florian\_Berlin](https://forum.shopware.com/u/Florian_Berlin)\
**Post date:** [23. Februar 2016 um 15:40 UTC](https://forum.shopware.com/t/slider-mit-html-content/34623/4 "2016-02-23T15:40:45Z")

</div>

Ich habe das DOM-Beispiel in ein HTML-Element in eine Einkaufswelt eingefügt.

So weit, so gut.

Mir werden auch die Pfeile links und rechts angezeigt.  
Allerdings wird mir der Inhalt, den ich in die \<_div_\> gepackt habe nicht angezeigt.\</_div_\>

Noch jemand eine Idee?

THX  
Flo

---

<div class="post-metadata">

**Author:** ![Florian\_Berlin](https://avatars.discourse-cdn.com/v4/letter/f/b38774/32.png) [@Florian\_Berlin](https://forum.shopware.com/u/Florian_Berlin)\
**Post date:** [3. März 2016 um 10:38 UTC](https://forum.shopware.com/t/slider-mit-html-content/34623/5 "2016-03-03T10:38:28Z")

</div>

Gerne würde ich dieses Thema nochmal aufgreifen.

Hat jemand noch eine andere Lösung für diese Problematik?

Der&nbsp;jQuery Image Slider liefert hier leider keine wirklich guten Ergebnisse.

&nbsp;

Viele Dank

Flo

&nbsp;

---

<div class="post-metadata">

**Author:** ![brettvormkopp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/brettvormkopp/32/7788_2.png) [@brettvormkopp](https://forum.shopware.com/u/brettvormkopp)\
**Post date:** [3. März 2016 um 10:40 UTC](https://forum.shopware.com/t/slider-mit-html-content/34623/6 "2016-03-03T10:40:25Z")

</div>

Was hast du bisher technisch umgesetzt? Gibts eine JQuery die man sich anschauen kann?

---

<div class="post-metadata">

**Author:** ![Florian\_Berlin](https://avatars.discourse-cdn.com/v4/letter/f/b38774/32.png) [@Florian\_Berlin](https://forum.shopware.com/u/Florian_Berlin)\
**Post date:** [14. März 2016 um 10:40 UTC](https://forum.shopware.com/t/slider-mit-html-content/34623/7 "2016-03-14T10:40:09Z")

</div>

Hallo @brettvormkopp‍,

&nbsp;

ich hatte es bisher nur mit dem jQuery Slider, den Staphan gepostet hat probiert.

Leider bisher nichts wirklich gebracht.

---

<div class="post-metadata">

**Author:** ![brettvormkopp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/brettvormkopp/32/7788_2.png) [@brettvormkopp](https://forum.shopware.com/u/brettvormkopp)\
**Post date:** [14. März 2016 um 10:43 UTC](https://forum.shopware.com/t/slider-mit-html-content/34623/8 "2016-03-14T10:43:48Z")

</div>

ok, und wie sieht dein jquery aus?

---

<div class="post-metadata">

**Author:** ![Florian\_Berlin](https://avatars.discourse-cdn.com/v4/letter/f/b38774/32.png) [@Florian\_Berlin](https://forum.shopware.com/u/Florian_Berlin)\
**Post date:** [15. März 2016 um 08:53 UTC](https://forum.shopware.com/t/slider-mit-html-content/34623/9 "2016-03-15T08:53:55Z")

</div>

Wie gesagt hatte ich bisher nur den unveränderten JQuery von Stephan probiert:

[https://github.com/shopware/shopware/blob/5.1/themes/Frontend/Responsive/frontend/\_public/src/js/jquery.image-slider.js#L11](https://github.com/shopware/shopware/blob/5.1/themes/Frontend/Responsive/frontend/_public/src/js/jquery.image-slider.js#L11)

---

<div class="post-metadata">

**Author:** ![Philipp\_Schuch](https://avatars.discourse-cdn.com/v4/letter/p/8797f3/32.png) [@Philipp\_Schuch](https://forum.shopware.com/u/Philipp_Schuch)\
**Post date:** [16. März 2016 um 07:17 UTC](https://forum.shopware.com/t/slider-mit-html-content/34623/10 "2016-03-16T07:17:20Z")

</div>

Hallo,

die Einkaufswelten werden per Ajax geladen. Dein Slider wird daher wahrscheinlich nicht initialisiert, da die Elemente erst später nachgeladen werden.

Hier kannst Du auf folgendes Event subscriben um den Slider zu initialisieren:&nbsp;_plugin/swEmotionLoader/onInitEmotion_

Siehe dazu auch:&nbsp;[jQuery plugins and the StateManager](https://developers.shopware.com/designers-guide/javascript-statemanager-and-pluginbase/#global-jquery-event-observer)

&nbsp;

Sonnige Grüße,  
Phil
