# Autorotation Slider

**URL:** <https://forum.shopware.com/t/autorotation-slider/66723>\
**Category:** Themes & Design\
**Created:** [5. Mai 2020 um 08:23 UTC](https://forum.shopware.com/t/autorotation-slider/66723 "2020-05-05T08:23:10Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![B\_B1](https://avatars.discourse-cdn.com/v4/letter/b/d6d6ee/32.png) [@B\_B1](https://forum.shopware.com/u/B_B1)\
**Post date:** [5. Mai 2020 um 08:23 UTC](https://forum.shopware.com/t/autorotation-slider/66723/1 "2020-05-05T08:23:10Z")

</div>

Hi Volkz,&nbsp;

ich beschäftige mich erst seit kurzem mit Shopware und komme damit eigentlich gut zurecht.&nbsp;

An scheinbar Kleinigkeiten bleibe ich dann aber trotzdem wieder tagelang hängen.&nbsp;

Eine dieser „Kleinigkeiten“ ist der Wunsch nach einem Slider auf der Homesite der automatisch rotiert.&nbsp;

Ein passendes PlugIn hierzu gibt es aktuell ja noch nicht.&nbsp;

Im Grund wundert es mich auch stark dass das nicht direkt onBoard ist…sollte ja eigentlich keine so großes Ding sein!?

Eigentlich ist natürlich relativ weil ICH hab keinen Plan 😃

Meine Idee war jetzt über eine extra Klasse die autorotation zu relisieren, das funzt aber nicht,.&nbsp;

> Ich habe in die all.css folgendes hinzugefügt: .test {&nbsp;animation: indicating 5s ease infinite; }

Die Klasse test dann entsprechend im Silder als Klasse angegeben.&nbsp;

&nbsp;

Wo liegt der Haken?&nbsp;

&nbsp;

Viele Grüße

Maik

---

<div class="post-metadata">

**Author:** ![B\_B1](https://avatars.discourse-cdn.com/v4/letter/b/d6d6ee/32.png) [@B\_B1](https://forum.shopware.com/u/B_B1)\
**Post date:** [6. Mai 2020 um 05:48 UTC](https://forum.shopware.com/t/autorotation-slider/66723/2 "2020-05-06T05:48:14Z")

</div>

Niemand eine Idee oder ein Tipp?

Bin tatsächlich etwas hilflos, auch die Suche konnte nichts brauchbares hervorbringen.&nbsp;

---

<div class="post-metadata">

**Author:** ![NextMike](https://avatars.discourse-cdn.com/v4/letter/n/838e76/32.png) [@NextMike](https://forum.shopware.com/u/NextMike)\
**Post date:** [7. Mai 2020 um 15:53 UTC](https://forum.shopware.com/t/autorotation-slider/66723/3 "2020-05-07T15:53:46Z")

</div>

Nicht wundern, selbst beisteuern:&nbsp;[https://github.com/shopware/platform](https://github.com/shopware/platform)

[https://www.w3schools.com/howto/howto\_js\_slideshow.asp](https://www.w3schools.com/howto/howto_js_slideshow.asp)

---

<div class="post-metadata">

**Author:** ![nanawe](https://avatars.discourse-cdn.com/v4/letter/n/4bbf92/32.png) [@nanawe](https://forum.shopware.com/u/nanawe)\
**Post date:** [12. Mai 2020 um 16:19 UTC](https://forum.shopware.com/t/autorotation-slider/66723/4 "2020-05-12T16:19:22Z")

</div>

Hi B\_B,

ich habe auch danach gesucht. Habe mir so geholfen:

In der Datei

/vendor/shopware/storefront/Resources/views/storefront/element/cms-element-image-slider.html.twig

habe ich nach

```
**"speed": 500,**

```

folgendes eingefügt:

```
**"autoplay":true, "autoplayButtonOutput": false,**

```

Nun wechseln die Bilder automatisch.

Viele Grüße

---

<div class="post-metadata">

**Author:** ![B\_B1](https://avatars.discourse-cdn.com/v4/letter/b/d6d6ee/32.png) [@B\_B1](https://forum.shopware.com/u/B_B1)\
**Post date:** [13. Mai 2020 um 12:47 UTC](https://forum.shopware.com/t/autorotation-slider/66723/5 "2020-05-13T12:47:50Z")

</div>

VielenVielen Dank nanawe,&nbsp;

genau nach DIESEM Eintrag habe ich gesucht. Du bist der Hammer!!!

Danke!!!

---

<div class="post-metadata">

**Author:** ![balram](https://avatars.discourse-cdn.com/v4/letter/b/278dde/32.png) [@balram](https://forum.shopware.com/u/balram)\
**Post date:** [24. August 2020 um 12:09 UTC](https://forum.shopware.com/t/autorotation-slider/66723/6 "2020-08-24T12:09:01Z")

</div>

@nanawe‍,

habs auch in der datei abgeändert, wie beschrieben, aber es tut sich nichts:

 ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/f/fb6a9a9f3cc2b40ac0ce728c4fdcaa7397557520.png)

wenn ich den slider auf der seite untersuche, dann stehen da immer die gleichen werte, egal was ich in der datei änder:

 ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/9/99eca4e06bf32bff310dc6a81d38bfb1a6a396bc.png)

Hab hier mal testweise die Geschwindigkeit von 500 auf 50 geändert

Gruß

balram

---

<div class="post-metadata">

**Author:** ![nanawe](https://avatars.discourse-cdn.com/v4/letter/n/4bbf92/32.png) [@nanawe](https://forum.shopware.com/u/nanawe)\
**Post date:** [18. September 2020 um 16:46 UTC](https://forum.shopware.com/t/autorotation-slider/66723/7 "2020-09-18T16:46:31Z")

</div>

sorry, @balram‍ Ich lese das jetzt erst. Cache gelöscht?

---

<div class="post-metadata">

**Author:** ![balram](https://avatars.discourse-cdn.com/v4/letter/b/278dde/32.png) [@balram](https://forum.shopware.com/u/balram)\
**Post date:** [23. September 2020 um 07:58 UTC](https://forum.shopware.com/t/autorotation-slider/66723/8 "2020-09-23T07:58:05Z")

</div>

@nanawe‍ ja daran lags habe ich dann gemerkt 😃

---

<div class="post-metadata">

**Author:** ![Scott](https://avatars.discourse-cdn.com/v4/letter/s/3e96dc/32.png) [@Scott](https://forum.shopware.com/u/Scott)\
**Post date:** [25. November 2021 um 22:57 UTC](https://forum.shopware.com/t/autorotation-slider/66723/9 "2021-11-25T22:57:53Z")

</div>

I tried this an unable to get the slider to auto rotate. Inspect the page after the twig update it does not show the added vales.

Any suggestions?

---

<div class="post-metadata">

**Author:** ![Scott](https://avatars.discourse-cdn.com/v4/letter/s/3e96dc/32.png) [@Scott](https://forum.shopware.com/u/Scott)\
**Post date:** [26. November 2021 um 16:19 UTC](https://forum.shopware.com/t/autorotation-slider/66723/10 "2021-11-26T16:19:05Z")

</div>

The same issue again after creating a new image slider and the added code no longer functions

Any suggestions?

---

<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:** [26. November 2021 um 20:49 UTC](https://forum.shopware.com/t/autorotation-slider/66723/11 "2021-11-26T20:49:55Z")

</div>

Just install moori Foundation and enjoy some additional Shopware Image Slider Options 😉

 ![image](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/3/3769443db469582e0a238193d315513ee0b8f5cb.png)

---

<div class="post-metadata">

**Author:** ![welle](https://avatars.discourse-cdn.com/v4/letter/w/a9a28c/32.png) [@welle](https://forum.shopware.com/u/welle)\
**Post date:** [23. August 2022 um 16:58 UTC](https://forum.shopware.com/t/autorotation-slider/66723/13 "2022-08-23T16:58:16Z")

</div>

Hallo, habe diesen Beitrag entdeckt weil ich auch einen automatischen Bildsechsel haben möchte 😌 und das funktioniert auch so, nun möchte ich noch einstellen dass der Bildwechsel nach 3 Sek. gemacht wird, was muss ich noch hinzufügen?  
Und wieso ist der Bildwechsel Standard auf 5 Sek. ich sehe nirgends wo das steht.  
Besten Dank.  
Welle
