Hallo Karl
Vorab: das komische ist, dass ich mit deinem Template und meiner Seite nicht so extreme Probleme habe das Lieferpopup zu scrollen, wie auf den anderen Seiten (sel**t-schrei***n.de,naut**art.de und rc-a**dy.de). Allerdings läuft es auch nicht wirklich rund. Also immer gehts nicht. Vor allem wenn man den Browser schließt und wieder öffnet, dann weiß er nicht, ob er das Popup oder den Hintergrund scrollen soll. Auch wenn ich zb etwas vom Text des Popups markiere und dann bewege, dann bewegt sich die Markierung, aber nicht der Text, als wenn er was vom Hintergrund markiert hätte. Aber bei meiner Seite konnte man das irgendwie mit einmal oder zweimal tippen immer umgehen. Ist aber keine Lösung für den Normalnutzer. Da sollte es vernünftig funktionieren.
Wenn ich den Code von dir in die generell_bottom.js.php packe, dann kann ich weder auf dem Desktop noch auf dem Handy die komplette Seite scrollen. Und overflow: hidden und position fixed allein in der stylesheet.css hat nichts gebracht.
Aus einem deiner Links habe ich mal folgendes in die stylesheet gepackt (andere Sachen auch probiert). Der erste Teil ist von dir, damit man weiß wo.
@media screen and (max-width: 767px) {
.top span.glyphicon, .top2 .dropdown-toggle {
font-size: 1.2em;
}
.top .navbar-nav {
margin: 0;
}
.modal {
height: 500px; /* Set a default max height of the modal (adjusted later)*/
position: fixed; /* Display modal in the centre of your screen */
overflow-y: scroll; /* Ensure that the modal is scroll-able */
-webkit-overflow-scrolling: touch; /* Avoid having to use 2 finger scroll on iOS */
}
.modal.fade.in{
top: 5px; /* Use more screen real estate */
}
.modal-body{
/* Increase the max height of the modal body to try & avoid both it,
* and the modal container having scroll bars which results in odd behavior */
max-height: 2400px;
}
}
@media (max-width: 480px) and (max-height: 500px){.modal{ height: 450px}}
@media (max-width: 480px) and (max-height: 450px){.modal{ height: 400px}}
@media (max-width: 480px) and (max-height: 400px){.modal{ height: 350px}}
@media (max-width: 480px) and (max-height: 350px){.modal{ height: 300px}}
@media (max-width: 480px) and (max-height: 300px){.modal{ height: 250px}}
@media (max-width: 480px) and (max-height: 250px){.modal{ height: 200px}}
@media (max-width: 480px) and (max-height: 200px){.modal{ height: 150px}}
Damit scheint es besser zu funktionieren. Sieht aber ziemlich blöd aus, weil das Fenster dann zu kurz ist und oben an der Adminleiste klebt.
Aber das hat mich vielleicht auf den Grund des Problems gebracht. Die Popups sind auf einem Androidtelefon nicht seitenfüllend. Auf dem Iphone hingegen schon (was eh nicht so schön aussieht). Und das scheint Probleme zu machen. Im responsive tpl modified geht das Popup auch nicht bis ganz zum Seitenende oben und unten und es funktioniert, obwohl man es auch dort erzwingen kann, dass sich der Hintergrund bewegt, wenn man sich im oberen oder unteren Teil des Popups an der Grenze zum Hintergrund befindet. Da kann er sich auch nicht entscheiden, was er scrollen soll. Vermutung: Man muss dem Popup eine gewisse maximale Höhe abhängig von der Höhe des Bildschirms geben, damit oben und unten etwas Platz bleibt.
Da mein Testshop eine 1zu1 Kopie meiner Seite ist in der einige Module eingebaut sind und deshalb zb keine Produktseiten mit deinem Template sichtbar sind (und ich ungern den Aufwand betreiben möchte die da alle einzubauen nur zum testen), wäre es super, wenn eine mögliche Lösung vielleicht in einem Testshop von dir oder Hanspeter integriert werden würde und ich dann mit dem Iphone gegentesten kann. Und so könnten es auch mehr Leute, vielleicht auch einige Shopbesitzer, die dein Template nutzen, gegentesten.
So sieht es mit dem Code von oben aus und funktioniert, ist aber noch unschön:
[ Für Gäste sind keine Dateianhänge sichtbar ]
So sieht es ohne Änderung auf dem Iphone aus (zu wenig Platz oben und unten)
[ Für Gäste sind keine Dateianhänge sichtbar ]
So sieht es ohne Änderung auf einem Android aus (unten mehr Platz und deshalb wahrscheinlich scrollbar)
[ Für Gäste sind keine Dateianhänge sichtbar ]
So sieht es mit dem tpl_modified_responsive aus auf dem Iphone (oben und unten Platz und scrollbar)
[ Für Gäste sind keine Dateianhänge sichtbar ]
Gruß Timm
