Suchergebnisse in Suchleiste werden abgeschnitten bzw. überlagert

Shopware 5 Themes & Design
1

Guten Morgen,

 

ich habe da ein Problem mit dem Suchfeld in meinem Shop, an dem ich mir seit 2 Tagen die Zähne ausbeisse und hoffe das ihr mir helfen könnt.

Wenn ich einen Suchbegriffen ob ins Suchfeld eingebe, erscheinen die Suchvorschläge darunter, allerdings überlagern die Suchvorschläge nicht die Seite, so wie es normalerweise der Fall ist, sondern werden nur im Header dargestellt und verschieben diesen nach unten hin und man muss im Header scrollen um die Ergebnisse zu sehen.

Da scheint irgendein Problem mit dem z-index oder ähnlichem zu bestehen ??

 

Am originalen Theme habe ich nicht rumgefummelt. Nur im abgeleiteten Theme.

Dort habe ich aber testweise alle Änderungen wieder entfernt und das Problem besteht weiterhin.

Allerdings NUR auf den Artikeldetailseiten…sonst nirgends.

 

Kann sich jemand einen Reim drauf machen, wo ich das Problem ausfindig machen könnte ?

 

Hier zwei Screenshots dazu:

 

 

Ich wäre für jeden Tipp sehr dankbar :wink:

Grüsse
ghazii
 

2

Ohne einen Link kann man nur raten …

3

Der Shop ist im Aufbau und somit im Wartungsmodus.

Ich kann ihn aber gerne mal für eine kurze Zeit freischalten.

 

Der Link ist: https://www.bikerlounge.de

4

Zwei Jahre ist es her…Shop ist mittlerweile endlich online…aber das Problem ist leider das Gleiche :confused:
Wenn man auf einer Produktseite etwas in die Suchleiste eingibt (Desktop), sind die Ergebnisse abgeschnitten bzw. verdeckt.

 

Hat jemand eine Idee, woran dies liegen könnte ?

 

Grüsse

Michael

5

Hat jemand eine Idee, woran dies liegen könnte ?

Das liegt aber nicht an Shopware, sondern am eigenen Theme. Vermutlich stimmt der z-index vom Vorschaufenster nicht. Also nur ein CSS-Fehler. Mehr läßt sich ohne Link zum Shop so nicht wirklich sagen.

1 „Gefällt mir“
6

Danke für die Info. Das ist auch meine Vermutung, nur leider finde ich nix dazu.

Der Link steht weiter oben, aber hier ist er nochmal: https://www.bikerlounge.de

7

Hm, unter dem Link sehe ich jetzt keine Fehler.

8

Der Fehler tritt nur auf einer Artikelseite auf…sorry…wie zum Beispiel hier > https://www.bikerlounge.de/fast-as-fuck-motorrad-herrenshirt

9

Du hast auf den Detailseiten folgenden Code der “falsch” ist:

@media screen and (min-width: 78.75em){
  .is--ctl-detail .page-wrap {
    overflow-x: hidden;
  }
}

korrigiert wäre es: 

@media screen and (min-width: 78.75em){
  .is--ctl-detail .page-wrap {
    overflow-x: visible;
  }
}

oder “unset”

10

Das ist ja der Hammer…Tausend Dank!!!

Jetzt gehts.

 

Mich wundert es nur, da ich diese Code-Zeile überhaupt nicht verändert hatte.

Aber egal…Hauptsach nun gehts.