PrestaShop 1.6 bringt bemerkenswerte Leistungen in den eCommerce Markt.
Die meisten Anwender von PrestaShop werden es jedoch sicherlich rasch bemerkt haben, dass das Drop Down Menu in der mobilen Ansicht nicht wie gewohnt funktioniert.
DropDown Menu funktioniert nicht
Der Fehler zeigt sich beim Öffnen der Drop Down Navigation in der mobilen Version, denn die Navigation öffnet sich zwar, klappt jedoch direkt wieder zu.
Erst bei einem Klick von mind. 2 Sekunden öffnet sich die Navigation richtig und bleibt auch geöffnet.
Für Besucher natürlich völlig zurecht eine Verwirrung, denn die meisten bemerken nicht, dass man 2 Sekunden drücken muss, denn dies ist ja auch nicht üblich.
Dadurch werden die meisten Besucher den Online-Shop wieder verlassen.
Sehr einfache Lösung
Die Lösung ist sehr simpel und kann mittels Anpassung im Javascript-File behoben werden.
Dazu öffnen Sie das File im Folgenden Ordner:
themes/default-bootsrap/js/modules/blocktopmenu/js/blocktopmenu.js
In diesem File suchen Sie nach den folgenden Codes bzw. Zeilen:
Zeile 83:
mCategoryGrover.on(‚click touchstart‘, function(){
Zeile 89:
$(„.sf-menu .menu-mobile-grover“).on(‚click touchstart‘, function(){
Zeile 105:
$(‚#block_top_menu > ul:first > li > a‘).on(‚click touchstart‘, function(e){
In allen 3 Zeilen entfernen Sie einfach das Wort touchstart – So das nur noch „click“ eingetragen ist und speichern Sie das File wieder ab.
Ab sofort funktioniert die Drop Down Navigation auch beim antippen auf dem Smartphone.
Viel Erfolg!
Hatte genau dieses Problem, der Beitrag war also sehr hilfreich.
Vielen Dank für die direkte Lösung, seither läuft die Navigation auch in der mobilen Version!
Viele Grüsse
Markus
Hallo,
Ich habe das selbe Problem, jedoch befindet sich keine solche Datei in diesem Verzeichnis.
Muss ich dazu noch etwas aktivieren?
Gruss
Thomas
Hallo
Wie ich gerade lese, hat es doch funktioniert?
Viel Erfolg mit der Lösung! 🙂
Now it works
I didnt see the JS in the adress 😉
themes\default-bootstrap\js\modules\blocktopmenu\js
Thank you, I’ve just been searching for information approximately this subject for a long time and yours is the greatest I’ve found out till now. However, what in regards to the bottom line? Are you certain in regards to the source?
Hi
Thank you very much for your answer and the compliment!
Yes, that’s really the right solution, it works perfect.
Change the code and you will see, it runs!
Good luck! 🙂
Thank you for the positive replay.
Yes, that’s really the right way.
With this code you can only change the „touch“ effect in your jquery (drop down).
Good work! 🙂
It works!
Thank You from Italy!
Hello Giuseppe
Thanks for your message!
Perfekt, your welcome!
I wish you the best.
Kind regards from switzerland
Thomas Zangger