# Steuerung von image-slider von aussen

**URL:** <https://forum.shopware.com/t/steuerung-von-image-slider-von-aussen/44887>\
**Category:** Programmierung\
**Created:** [29. März 2017 um 13:28 UTC](https://forum.shopware.com/t/steuerung-von-image-slider-von-aussen/44887 "2017-03-29T13:28:24Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![peter\_steel](https://avatars.discourse-cdn.com/v4/letter/p/7ea924/32.png) [@peter\_steel](https://forum.shopware.com/u/peter_steel)\
**Post date:** [29. März 2017 um 13:28 UTC](https://forum.shopware.com/t/steuerung-von-image-slider-von-aussen/44887/1 "2017-03-29T13:28:24Z")

</div>

Hallo zusammen,

ich möchte den Image-Slider auf der **Produkt-Detail-Seite** von aussen steuern. Aussen heisst dabei: “Von einem aneren Element als eines des Sliders”.

Wir haben neben den Standard-Tabs von Shopware **eigene Tabs** mit technischen Informationen zu unseren Produkten. Dazu gibt es eigene (Produkt-) Bilder, die (jeweils 1-zu-1) zu diesen Tabs gehören.

Diese Bilder sollen im Slider **verfügbar** sein und dort **angefahren** werden, wenn der zugehörige Tab aktiviert wird. Die entsprechende Funtion im jquery.image-slider.js sollte wohl die _slide: **function** (index, callback)_ sein…

Wie gehe ich das am besten an?

&nbsp;

In einem zweiten Schritt möchte ich diese Bilder im Backend den Tabs zuordnen können. Zu jedem Tab besteht ein Boolean-Datenfeld in _`s_articles_img_attributes`_, welches ich im Backend in dem Bilderreiter angezeigt bekomme und setzen kann._` `_

Wo kann ich ansetzen, um bei der Selektion im Backend sicher zu stellen, dass für jedes Boolean Feld genau ein Bild ausgewählt wurde?

---

<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:** [29. März 2017 um 14:09 UTC](https://forum.shopware.com/t/steuerung-von-image-slider-von-aussen/44887/2 "2017-03-29T14:09:20Z")

</div>

Hallo,

bzgl. des Produkt-Sliders kannst Du Dir die Instanz des jQuery Plugins über das Data-Binding von dem entsprechenden Element holen. Zum Beispiel:

```
var slider = $('.my-tab-content').find('[data-product-slider="true"]').data('plugin_swProductSlider');

```

Wenn Du das Plugin hast kannst Du dort Methoden aufrufen, z.B. um zu einem bestimmten Element zu scrollen:

```
slider.slideToElement($('.my-selected-product-box'));

```

Die Selektoren in dem Code-Beispiel sind natürlich nur beispielhaft für Deine eigenen Elemente.

Sonnige Grüße,  
Phil

---

<div class="post-metadata">

**Author:** ![peter\_steel](https://avatars.discourse-cdn.com/v4/letter/p/7ea924/32.png) [@peter\_steel](https://forum.shopware.com/u/peter_steel)\
**Post date:** [3. April 2017 um 13:33 UTC](https://forum.shopware.com/t/steuerung-von-image-slider-von-aussen/44887/3 "2017-04-03T13:33:51Z")

</div>

Danke Phil,

mal sehen, ob sich die Lösung vom Product-Slider auf den Image-Slider übertragen lässt…