# ProductListing overlay beim Laden einer neuen ProductListing Seite

**URL:** <https://forum.shopware.com/t/productlisting-overlay-beim-laden-einer-neuen-productlisting-seite/99832>\
**Category:** Programmierung\
**Created:** [25. Mai 2023 um 13:45 UTC](https://forum.shopware.com/t/productlisting-overlay-beim-laden-einer-neuen-productlisting-seite/99832 "2023-05-25T13:45:59Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![loggik](https://avatars.discourse-cdn.com/v4/letter/l/8baadc/32.png) [@loggik](https://forum.shopware.com/u/loggik)\
**Post date:** [25. Mai 2023 um 13:45 UTC](https://forum.shopware.com/t/productlisting-overlay-beim-laden-einer-neuen-productlisting-seite/99832/1 "2023-05-25T13:45:59Z")

</div>

Moin,

auf den Kategorieseiten erscheint beim Laden einer anderen Seite der Produktübersicht ein Overlay über den Produktkarten.  
Da die Produktkarten bei mir ein paar eigene Elemente enthalten, ignoriert das Overlay diese Elemente. Ich will deswegen die Javascript Funktion die das Overlay erzeugt anpassen.  
Weiß zufällig jemand wo ich die entsprechende Funktion finden kann? Die Javascript Funktionen sind bei shopware leider immer recht gut versteckt und ich bin bisher noch nicht fündig geworden.

---

<div class="post-metadata">

**Author:** ![AlexGalax](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/alexgalax/32/9925_2.png) [@AlexGalax](https://forum.shopware.com/u/AlexGalax)\
**Post date:** [26. Mai 2023 um 12:00 UTC](https://forum.shopware.com/t/productlisting-overlay-beim-laden-einer-neuen-productlisting-seite/99832/2 "2023-05-26T12:00:10Z")

</div>

Ich vermute du musst im css nur den `z-index` des Overlays hochschrauben oder deiner eigenen Elemente runtersetzen.

---

<div class="post-metadata">

**Author:** ![loggik](https://avatars.discourse-cdn.com/v4/letter/l/8baadc/32.png) [@loggik](https://forum.shopware.com/u/loggik)\
**Post date:** [26. Mai 2023 um 15:09 UTC](https://forum.shopware.com/t/productlisting-overlay-beim-laden-einer-neuen-productlisting-seite/99832/3 "2023-05-26T15:09:07Z")

</div>

Nein es gibt ja gar kein Overlay für meine eigenen Elemente über dem die liegen könnten.

Habe zwischenzeitlich nach intensiver suche im HTML und CSS die Lösung gefunden.

Das Overlay wird über ein Parent Element mit der Klasse „has-element-loader“ gesteuert. Das zugehörige mit dem dann das Overlay über die Children gelegt wird ist: src/Storefront/Resources/app/storefront/src/scss/component/\_loader.scss

Ich brauchte also nur mein eigene SCSS-File erstellen und meine eigenen Elemente da drin aufnehmen, danach klappte es dann auch mit dem Overlay. Am Javascript rumbasteln war daher zum Glück nicht notwendig.