Neu JTL Shop 5 Bug - Mobile Version Menü Unterkategorien verschwinden beim scrollen

[seha]

Hallo Leute,

das burger menu bis 991.98px breite, also mobile version lässt die Unterkategorien verschwinden wenn man etwas hin und her bzw. komplett von oben nach unten scrollt. Ich dachte erst es lag an einer meiner Änderungen, allerdings tritt das Problem auch bspw. hier auf: https://jtl5.shoptemplate.net/shop2/

Des weiteren ist mir aufgefallen das die Slider Bilder über den opc storage abgerufen werden, das ist super. Die Banner Bilder allerdings nicht, so werden die Banner Bilder etwas unschöner und gefühlt langsamer geladen. Das Banner Bild wird im Gegensatz zu den Slider Bildern erst angezeigt wenn es komplett geladen ist. Als Ladebalken erhält man ein großes unscharfes Bild welches sich in der Mitte dreht. Slider Bilder werden normal geladen, also je nach Größe und download Geschwindigkeit stück für stück angezeigt.

Gibt es da eine fixe Lösung oder sollte ich einfach die Slider Funktion als Banner verwenden? Funktioniert ja an sich, zurück und weiter Button bleiben dann aus.

Vielen Dank für sämtliche Anreize

 

[MHillmann]

Hallo @seha

lässt die Unterkategorien verschwinden

Ich weiß nicht so recht was du meinst, kannst du das eventuell mit Bildern untermauern?

Als Ladebalken erhält man ein großes unscharfes Bild welches sich in der Mitte dreht

Das wird in der 5.0.1 behoben sein, welche bald erscheint.

Viele Grüße
Michael

 

[seha]

Zur Slider Funktion. Ist es möglich ein Slider mehr als nur einer Seite zuzuweisen? Das wäre auch sehr nützlich da man so nicht für jede Seite einen eigenen Slider erstellen muss.

1. Bild: zeigt Unterkategorien normal an (360x740 pixel ratio)
2. Bild: das google Kontextmenü einmal drüber ziehen und wieder runter ziehen. Die Unterkategorien sind verschwunden. Auf dem Smartphone entsteht der selbe Effekt wenn man lediglich einmal komplett nach unten und oben wischt.

Sobald die Unterkategorien verschwunden sind wird aus dropdown-menu show die folgende klasse dropdown-menu

bzw.

@media(max-width: 991.98px){header .navbar-nav .dropdown-menu:not(.show) {display: none;}}

verursacht das Problem meines Erachtens.

Nachtrag (Lösung?):

@media (max-width: 991.98px){header .navbar-nav .dropdown-menu:not(.show){display:inline !important;}}

@media (max-width: 991.98px){.navbar .container {min-height: 650px;}}

display:none wird überschrieben und löst das Problem bedingt. Ohne height Angabe lässt sich nämlich das Menü nicht mehr ordentlich scrollen.

Hängt wahrscheinlich auch davon ab ob das dropdown-menu welches die Unterkategorien anzeigt die Höhe des Smartphones überschreitet. Falls nicht würde dieser Verschwinden Effekt vermutlich nicht eintreten.

 

[o_positivo]

Hallo,

Wurde mittlerweile eine gute Lösung dafür gefunden? Haben leider die gleiche Problematik.

 

[MHillmann]

Hallo,

es gibt bis jetzt noch keinen Hotfix, das Ticket ist aber aufgenommen: https://issues.jtl-software.de/issues/SHOP-5408

Viele Grüße
Michael