Popup "Frage zum Produkt"

[uwego]

Hallo,
wenn das Formular als Popup geöffnet wird und sich mehrere Abfragen darin befinden, passt es bei niedrigen Bildschimauflösungen nicht mehr auf den Monitor.
Das Problem tritt auch bei falsch ausgefülltem Formular auf. Der untere Teil des Formulars verschwindet dann im nicht sichtbaren Bereich.
Automatische Scrollbars wären hier sinnvoll.

Die Höhe ist wohl per Inline CSS auf "Auto" definiert, ich kann die Templatedatei aber nicht finden wo man das ändern könnte.

Gruß Uwe

 

[JayJayS]

AW: Popup "Frage zum Produkt"

Wenn es mit "auto" formatiert wäre, würde es sich automatisch anpassen.
Ich vermute mal ganz stark, daß die Styles am Element definiert werden. Zumindest ist das bei mir so. Nutze jedoch kein Standard-Template.
Ein Link wäre hilfreich...

 

[uwego]

AW: Popup "Frage zum Produkt"

Hier der Inline-Code:
<div id="simplemodal-container" class="simplemodal-container" style="position: fixed; z-index: 1002; height: auto; width: 555px; left: 208px; top: -155.5px;">
Das Formular passt sich in der Höhe automatisch den Abfragen an, dadurch verschwindet der untere Teil aus dem Monitor, wenn z.B. das Captcha falsch ausgefüllt wurde.
Hab´s bei mir momentan deaktiviert, kann leider keinen Link einstellen.
Das Problem tritt aber bei den meisten JTL Shops auf, die dieses Popup benutzen.
Habe aber schon Shops gesehen, bei denen automatisch Scrollbars angezeigt werden.
Gruß Uwe

 

[JayJayS]

AW: Popup "Frage zum Produkt"

Habe aber schon Shops gesehen, bei denen automatisch Scrollbars angezeigt werden.
Gruß Uwe

Ungetestet:
Den height-Wert auto durch scroll ersetzen.

 

[uwego]

AW: Popup "Frage zum Produkt"

in welchem Template steht denn der Inline Code?

 

[JayJayS]

AW: Popup "Frage zum Produkt"

Völlig uninteressant wo der steht.
Einfach in der theme.css im custom-Ordner folgenden Eintrag machen:

.simplemodal-container {height: scroll !important;}

 

[casim]

AW: Popup "Frage zum Produkt"

Seit wann ist denn "scroll" ein zulässiger Wert von "height"?

Es muss eine neue Eigenschaft definiert werden:

.[COLOR=#333333]simplemodal-container {overflow: scroll !important;}[/COLOR]

 

[uwego]

AW: Popup "Frage zum Produkt"

Danke für eure Tipps.
So einfach lässt sich das aber nicht lösen.
Einträge in der theme.css werden durch inlnie-css überschrieben. Die Änderung muß im Template gemacht werden.

 

[casim]

AW: Popup "Frage zum Produkt"

Einträge in der theme.css werden durch inlnie-css überschrieben. Die Änderung muß im Template gemacht werden.

Wer sagt das?

Fakt ist, das PopUp bekommt mittels jquery ein inline-Style gesetzt, aber
- in diesem ist "overflow" gar nicht definiert (und kann daher auch nicht überschrieben werden)
- die Eigenschaften, die gesetzt werden, haben kein !important, so dass sie (was hier nicht notwendig ist) sehr wohl durch den Zusatz !important überschrieben werden können, auch wenn grds. das inline-Style Vorrang vor einem externen Style hat

Hast du das ganze denn mal ausprobiert?

Link zum Shop??

 

[JayJayS]

AW: Popup "Frage zum Produkt"

Seit wann ist denn "scroll" ein zulässiger Wert von "height"?

Es muss eine neue Eigenschaft definiert werden:

.[COLOR=#333333]simplemodal-container {overflow: scroll !important;}[/COLOR]

Casim hat recht. Da ist mir so spät am Abend ein kleiner Fehler unterlaufen... Danke für die Berichtigung.

Wenn es nur um die Höhe geht, würde auch die Eigenschaft overflow-y funktionieren.

 

[uwego]

AW: Popup "Frage zum Produkt"

Danke casim!
!important ist die Lösung.
"overflow: scroll" alleine funktioniert nicht.
Habe die Höhe im theme.css fest eingestellt "height: 500px !important;" - im Popup werden dann automatisch Scrollbars angezeigt.
Mehr braucht man nicht zu ändern.

 

[casim]

AW: Popup "Frage zum Produkt"

!important ist die Lösung.

öhmmmm das hatte ich dir aber im code-snippet schon geschrieben

 

[JayJayS]

AW: Popup "Frage zum Produkt"

Danke casim!
!important ist die Lösung.
"overflow: scroll" alleine funktioniert nicht.
Habe die Höhe im theme.css fest eingestellt "height: 500px !important;" - im Popup werden dann automatisch Scrollbars angezeigt.
Mehr braucht man nicht zu ändern.

Das !important die Lösung ist, steht auch schon in diesem Beitrag http://forum.jtl-software.de/fehler-bugs-jtl-shop3/63994-popup-frage-zum-produkt.html#post383734 !

Deine Lösung hat aber bei höheren Auflösungen bzw. in der Portrait-Ansicht einen Makel...
Der Bildschirm wird nicht ausgenutzt und es muß unnötig im Formular gescrollt werden...
Die Variante overflow: scroll !important in Verbindung mit width: auto und height:auto passt den Inhalt automatisch der Höhe des Browserfensters an, und nur wenn der Inhalt größer ist, werden die Scrollbalken aktiv.

 

[uwego]

AW: Popup "Frage zum Produkt"

"overflow: scroll !important" zerschießt bei mir aber das Popup.
Wenn ich nur das in die css schreibe, wird nur noch ein schmales Fenster angezeigt.

Scrollen muß man bei jetzt nur bei längerer Texteingabe oder wenn das Captcha falsch eingegeben wurde.
Damit kann ich leben, besser als wenn der "abschicken" Button garnicht mehr zu sehen ist.

 

[JayJayS]

AW: Popup "Frage zum Produkt"

"overflow: scroll !important" zerschießt bei mir aber das Popup.
Wenn ich nur das in die css schreibe, wird nur noch ein schmales Fenster angezeigt.

Eine ID oder class des entsprechenden Elements muss schon mit angegeben werden...
Ohne einen Link zum Shop ist das hier auch eher Rätselraten...