# Custom Produkt-Slider

**URL:** <https://forum.shopware.com/t/custom-produkt-slider/93998>\
**Category:** Programmierung\
**Tags:** general, administration, programming\
**Created:** [20. April 2022 um 10:53 UTC](https://forum.shopware.com/t/custom-produkt-slider/93998 "2022-04-20T10:53:43Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![FinnMac](https://avatars.discourse-cdn.com/v4/letter/f/8e7dd6/32.png) [@FinnMac](https://forum.shopware.com/u/FinnMac)\
**Post date:** [20. April 2022 um 10:53 UTC](https://forum.shopware.com/t/custom-produkt-slider/93998/1 "2022-04-20T10:53:43Z")

</div>

Mein custom Produkt-Slider wird nicht korrekt angezeigt. Die Produkte werden mehrfach angezeigt, und sie sind unglaublich eng gruppiert. Der Code selbst ist nur der Standard-Produkt-Slider-Code (mit einigen Namensänderungen), aber es funktioniert immer noch nicht richtig.

Seltsamerweise funktioniert der custom Produkt-Slider perfekt, wenn auf derselben CMS-Seite ein Standard-Produkt-Slider vorhanden ist. Fehlt mir eine Datei/Controller, die durch den Standard-Produktslider ausgelöst wird und den custom Produktslider repariert?

Ich habe bereits den CmsElementResolver implementiert

---

<div class="post-metadata">

**Author:** ![Max\_Shop](https://avatars.discourse-cdn.com/v4/letter/m/58f4c7/32.png) [@Max\_Shop](https://forum.shopware.com/u/Max_Shop)\
**Post date:** [20. April 2022 um 11:33 UTC](https://forum.shopware.com/t/custom-produkt-slider/93998/2 "2022-04-20T11:33:18Z")

</div>

Kann das damit etwas zu tun haben?

> [@Slider falsche Darstellung nach Update auf 6.4.10](https://forum.shopware.com/t/slider-falsche-darstellung-nach-update-auf-6-4-10/93960/10):
>
> Das war der Tipp (compile), danke!

---

<div class="post-metadata">

**Author:** ![FinnMac](https://avatars.discourse-cdn.com/v4/letter/f/8e7dd6/32.png) [@FinnMac](https://forum.shopware.com/u/FinnMac)\
**Post date:** [20. April 2022 um 15:13 UTC](https://forum.shopware.com/t/custom-produkt-slider/93998/3 "2022-04-20T15:13:05Z")

</div>

Leider nicht

Die aktuelle Shopware Version ist 6.4.6.1

Gibt es neben dem CMSElementResolver noch andere Dateien, die für die Erstellung eines Produktsliders benötigt werden, die ich übersehen haben könnte? Gibt es Anleitungen für die Implementierung eigener Produkt-Slider?

---

<div class="post-metadata">

**Author:** ![Max\_Shop](https://avatars.discourse-cdn.com/v4/letter/m/58f4c7/32.png) [@Max\_Shop](https://forum.shopware.com/u/Max_Shop)\
**Post date:** [20. April 2022 um 18:13 UTC](https://forum.shopware.com/t/custom-produkt-slider/93998/4 "2022-04-20T18:13:05Z")

</div>

Der Slider wird lediglich über twig, JS und CSS abgebildet.

Wenn es funktioniert, wenn ein anderer Slider geladen wird, dann wird’s vermutlich am JS liegen.

---

<div class="post-metadata">

**Author:** ![FinnMac](https://avatars.discourse-cdn.com/v4/letter/f/8e7dd6/32.png) [@FinnMac](https://forum.shopware.com/u/FinnMac)\
**Post date:** [21. April 2022 um 08:45 UTC](https://forum.shopware.com/t/custom-produkt-slider/93998/5 "2022-04-21T08:45:06Z")

</div>

Welche sind die relevanten JS-Dateien? Ich muss eine vermissen

---

<div class="post-metadata">

**Author:** ![Max\_Shop](https://avatars.discourse-cdn.com/v4/letter/m/58f4c7/32.png) [@Max\_Shop](https://forum.shopware.com/u/Max_Shop)\
**Post date:** [21. April 2022 um 09:00 UTC](https://forum.shopware.com/t/custom-produkt-slider/93998/6 "2022-04-21T09:00:42Z")

</div>

Die liegen immer im Ordner des CMS-Elements, werden bei administration-build dann in die all.js integriert.

Meistens heißen sie index.js, auf verschiedene Ordner verteilt.

---

<div class="post-metadata">

**Author:** ![FinnMac](https://avatars.discourse-cdn.com/v4/letter/f/8e7dd6/32.png) [@FinnMac](https://forum.shopware.com/u/FinnMac)\
**Post date:** [21. April 2022 um 09:18 UTC](https://forum.shopware.com/t/custom-produkt-slider/93998/7 "2022-04-21T09:18:04Z")

</div>

Nun, diese Dateien sind alle vorhanden. Der benutzerdefinierte Schieberegler-Code / Ordnerstruktur ist fast genau das gleiche wie die Standard-Slider-Code / Ordnerstruktur. Gibt es eine externe JS, die benötigt werden könnte?

---

<div class="post-metadata">

**Author:** ![Max\_Shop](https://avatars.discourse-cdn.com/v4/letter/m/58f4c7/32.png) [@Max\_Shop](https://forum.shopware.com/u/Max_Shop)\
**Post date:** [21. April 2022 um 09:21 UTC](https://forum.shopware.com/t/custom-produkt-slider/93998/8 "2022-04-21T09:21:48Z")

</div>

Hast du auch build-administration.sh durchlaufen lassen?

Falls zusätzlicher Code geladen werden würden, dann würdest du dass ja in den js des Standard-Slider sehen.

---

<div class="post-metadata">

**Author:** ![FinnMac](https://avatars.discourse-cdn.com/v4/letter/f/8e7dd6/32.png) [@FinnMac](https://forum.shopware.com/u/FinnMac)\
**Post date:** [25. April 2022 um 08:16 UTC](https://forum.shopware.com/t/custom-produkt-slider/93998/9 "2022-04-25T08:16:40Z")

</div>

Ich habe build-administration.sh ausgeführt.

Wie würde ich die JS-Dateien, die beim Laden der Seite geladen werden, überprüfen/vergleichen? Chrome’s Dev-Tools - Javascript Profiler wäre meine Vermutung, aber es gibt eine Menge vorhanden auf der Seite laden in, gibt es eine einfache Möglichkeit, diese Registerkarte zu navigieren, um zu finden, was ich suche?

---

<div class="post-metadata">

**Author:** ![Max\_Shop](https://avatars.discourse-cdn.com/v4/letter/m/58f4c7/32.png) [@Max\_Shop](https://forum.shopware.com/u/Max_Shop)\
**Post date:** [25. April 2022 um 08:20 UTC](https://forum.shopware.com/t/custom-produkt-slider/93998/10 "2022-04-25T08:20:18Z")

</div>

Ich glaube, dass das JS immer vollständig geladen wird, unabhängig der geladenen Komponenten. Würde meine Vermutung oben natürlich widersprechen 🙈

Vielleicht wird dann auch nur eine Class oder irgendetwas anderes hinzugefügt, damit der Slider auf einmal funktioniert. Im Browser siehst du keine Fehlermeldungen?

---

<div class="post-metadata">

**Author:** ![FinnMac](https://avatars.discourse-cdn.com/v4/letter/f/8e7dd6/32.png) [@FinnMac](https://forum.shopware.com/u/FinnMac)\
**Post date:** [25. April 2022 um 08:57 UTC](https://forum.shopware.com/t/custom-produkt-slider/93998/11 "2022-04-25T08:57:17Z")

</div>

Es gibt einen CSS-Fehler, aber ich bin mir nicht sicher, ob er sich darauf beziehen würde, da der CSS-Fehler vorhanden ist, wenn der benutzerdefinierte Schieberegler sowohl fixiert als auch defekt ist.

Ich habe getestet, zwei benutzerdefinierte Schieberegler auf die Seite zu setzen, und ein ähnliches Ergebnis tritt auf (der benutzerdefinierte Schieberegler fixiert sich selbst), aber nur der zweite benutzerdefinierte Schieberegler auf der Seite. Der Fehler tritt bei dem oberen Schieberegler immer auf. Wenn ich die Position der Schieberegler vertausche, bricht der obere Schieberegler immer ab, während der untere Schieberegler immer fixiert ist. Haben Sie eine Idee, warum dies der Fall sein könnte?
