# Thumbnail-Slider auf der Artikeldetailseite

**URL:** <https://forum.shopware.com/t/thumbnail-slider-auf-der-artikeldetailseite/66231>\
**Category:** Sonstiges\
**Created:** [14. April 2020 um 08:15 UTC](https://forum.shopware.com/t/thumbnail-slider-auf-der-artikeldetailseite/66231 "2020-04-14T08:15:32Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![kadis](https://avatars.discourse-cdn.com/v4/letter/k/c57346/32.png) [@kadis](https://forum.shopware.com/u/kadis)\
**Post date:** [14. April 2020 um 08:15 UTC](https://forum.shopware.com/t/thumbnail-slider-auf-der-artikeldetailseite/66231/1 "2020-04-14T08:15:32Z")

</div>

Hallo zusammen,

ich konnte per Plugin ein Video am Ende des Thumbnail-Sliders auf der Artikeldetailseite hinzufügen, jedoch ergaben sich 2 Probleme die ich alleine nicht fixen konnte:

1. Der Slider soll, wenn er 1 mal alle Bilder durchgegangen ist, beim Video stoppen und nicht wieder von vorne anfangen.

2. Wenn der Slider beim Video angekommen ist, sollte das Video automatisch abgespielt werden.

Ich habe in den Shopware CSS und JS Dateien&nbsp;reingeschaut&nbsp;und Online versucht eine Lösung zu finden, jedoch Erfolglos.

Ich hoffe das hier jemand mir weiterhelfen kann

MfG

&nbsp;

&nbsp;

&nbsp;

&nbsp;

---

<div class="post-metadata">

**Author:** ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)\
**Post date:** [14. April 2020 um 09:14 UTC](https://forum.shopware.com/t/thumbnail-slider-auf-der-artikeldetailseite/66231/2 "2020-04-14T09:14:34Z")

</div>

Vielleicht den Plugin-Hersteller mal fragen?

---

<div class="post-metadata">

**Author:** ![11shop](https://avatars.discourse-cdn.com/v4/letter/1/90ced4/32.png) [@11shop](https://forum.shopware.com/u/11shop)\
**Post date:** [30. April 2020 um 14:57 UTC](https://forum.shopware.com/t/thumbnail-slider-auf-der-artikeldetailseite/66231/3 "2020-04-30T14:57:46Z")

</div>

Du kannst eine Function in JS schreiben und einfach Slider Elements counten und wenn das Video erreicht ist deine Funktion aufrufen, jenachdem was fürn Video Player du hast, ist der Aufruf der Events und funcs anders:&nbsp;&nbsp;

Für Youtube sieht das z.B. so aus:&nbsp;

```
  (slideType === "youtube") {
    switch (control) {
      case "play":
        postMessageToPlayer(player, {
          "event": "command",
          "func": "mute"
        });
        postMessageToPlayer(player, {
          "event": "command",
          "func": "playVideo"
        });
        break;
      case "pause":
        postMessageToPlayer(player, {
          "event": "command",
          "func": "pauseVideo"
        });
        break;
    }

```

&nbsp;Für Slick Slider hatte&nbsp; ich das so gelöst:&nbsp;

```
slideWrapper.on("afterChange", function(event, slick) {
    slick = $(slick.$slider);
    playPauseVideo(slick,"play");
  });

 &nbsp;
```