PRESTA100 Posted May 11, 2014 Share Posted May 11, 2014 Hi folks I am new to prestashop , installed 1.6 and I am trying to learn the basics. I have incountered a problem with the category and cart dropdowns. They work on the home page when hovering the curser but none of the others. I don't think this is normal ? is it? If not how can I fix this. Thanks you for any help . presta100 Link to comment Share on other sites More sharing options...
vekia Posted May 11, 2014 Share Posted May 11, 2014 They work on the home page when hovering the curser but none of the others. i don't understand this part what and where doesnt work? any example? url? Link to comment Share on other sites More sharing options...
dsc54000 Posted May 17, 2014 Share Posted May 17, 2014 I have an issue with every single dropdown list on mobile/tablet theme running 1.6.0.6. Try this: go into contact us, click on the subject heading and see what happens. Happens to me on stock theme! I read there is some dropdown issues in .js files but cant seem to find a solution. Someone please test this on their site. Link to comment Share on other sites More sharing options...
vekia Posted May 17, 2014 Share Posted May 17, 2014 hello i recorded video, i tested it on my mobile, here is the screen capture: seems like everything works well Link to comment Share on other sites More sharing options...
dsc54000 Posted May 17, 2014 Share Posted May 17, 2014 vekia, I thought you would come to the party:P Is that tested on a real iphone 5 or a simulator? I have tested numerious sites running 1.6.0.6 on these forumns with my iphone5, galaxy S5 and nexus 5 and they all seem to have the same issue with the dropdown list. When i click on the dropdown, the list pops up for a split second and then hides stright away. So no chance of selecting anything. I will round up a list of presta sites i tested in a bit. Can you give me a link to the site you tested and I will try it also. Thanks, Without you i dont know what we would do.. Link to comment Share on other sites More sharing options...
dsc54000 Posted May 17, 2014 Share Posted May 17, 2014 ok, here is a few sites all with the same issue i have on my 3 mobiles: http://ratu.lt http://italianbridalshop.com This site works but its wierd: www.shop4play.com - What happens with this site is when i click the date of bith, the screen zooms in a bit to locate the dropbox and the list pops up and dissapears. But if i click it again when the screen is stable it ok. This only works on the iphone5 though. On the other 2 android phones it doesnt work. The 2 above sites dont work at all. Hope we can sort this out Link to comment Share on other sites More sharing options...
dsc54000 Posted May 17, 2014 Share Posted May 17, 2014 www.swcoins.com - Same issue here too Heres another one that I have to click twice in order for it to work (iPhone only) www.nekvapor.com -This one on Android the list actually pops up for a bit longer than the other sites. I actually have just enough time to make a list selection amd click something but it doesnt actually select it. The following actually works on both iphone and Android but only because its properly optimised for mobiles (you can see the format is much different from the others) And it also looks like it running 1.5.x.x. I dont think 1.6.x.x actually has the feature of standard mobile view like 1.5.x.x www.vibestore.co.uk So looks like i so far that all 1.6.x.x i test is ok, but 1.5.x.x seems ok. I noticed something very interesting: on the working one, if you make the list pop up and stay, swiping the top of the screen will hide the list. SO what i noticed is that when i select a list on the ones that dont work, the screen moves a bit thus auto hiding the list. So i wonder if there is a way to "lock" the screen position while you click on a list, this might fix it. No idea how to implement that though! Link to comment Share on other sites More sharing options...
vekia Posted May 17, 2014 Share Posted May 17, 2014 vekia, I thought you would come to the party:P Is that tested on a real iphone 5 or a simulator? I have tested numerious sites running 1.6.0.6 on these forumns with my iphone5, galaxy S5 and nexus 5 and they all seem to have the same issue with the dropdown list. When i click on the dropdown, the list pops up for a split second and then hides stright away. So no chance of selecting anything. I will round up a list of presta sites i tested in a bit. Can you give me a link to the site you tested and I will try it also. Thanks, Without you i dont know what we would do.. it's not similator it's real iphone with reflector software - it allows to capture screencast :-) http://www.airsquirrels.com/reflector/ Reflector is an AirPlay receiver that allows you to wirelessly display your iPad or iPhone on your computer. Mirror your device on a big screen without wires or complicated setups. Play games, watch movies, demo apps or present on the big screen from your iPhone or iPad. With Reflector, everything you do on your mobile device is wirelessly streamed to your computer in real time! Link to comment Share on other sites More sharing options...
vekia Posted May 17, 2014 Share Posted May 17, 2014 another test, ipad air: ipad (sorry for bad light) iphone i can also make test on galaxy tab 2 and on other mobile devices for me everything works :/ Link to comment Share on other sites More sharing options...
dsc54000 Posted May 18, 2014 Share Posted May 18, 2014 benjy206 found that It doesnt work on Android stock browser, but works on Chrome browser on Android. Thanks benjy206! I can get it working on Chrome and firefox browser on Android, but not on the stock one. I'm unning the latest version of Android KitKat. This works is only because the list shows as a pop-up instead of a list scrolling up from bottom. Results so far: iOS6 doesnt work on stock, Chrome or Mercury web browser Android doesnt work on stock browser but works if you use Chrome, Firefox Safari or Dolphin browser for Android. veikia is testing on iOS7 which works, but not sure what browser his using. Can you try stock Safari on iOS7 if you are not already using it? Test sites that dont work on the above device/browser conditions: http://ratu.lt http://italianbridalshop.com www.shop4play.com www.swcoins.com www.nekvapor.com This site works on all conditions probably because its running 1.5.x.x and not running bootstrap: www.vibestore.co.uk Quote form a thread that seems related: safari on iPhone only support click event for <a> and <input> element. See this passage Click event delegation on the iPhone. Looks like the above leads towards a solution but having trouble trying to apply the workaround. Maybe some bootstrap savvy people can get it to work. Looks like we are getting toward a solution. This might explain some abandoned carts! Link to comment Share on other sites More sharing options...
vekia Posted May 18, 2014 Share Posted May 18, 2014 im using safari on my mobile devices veikia is testing on iOS7 which works, but not sure what browser his using. Can you try stock Safari on iOS7 if you are not already using it? so it's safari! on chrome the same, works very well Link to comment Share on other sites More sharing options...
dsc54000 Posted May 18, 2014 Share Posted May 18, 2014 im using safari on my mobile devices so it's safari! on chrome the same, works very well So no problem with safari on iOS7? Not sure if you meant Safari and Chrome yeilded the same result.i.e they both work. Do you have an Android that you can test with the stock browser? Link to comment Share on other sites More sharing options...
vekia Posted May 18, 2014 Share Posted May 18, 2014 on my iOS devices i checked your website with: - chrome browser - safari on both browsers everything is okay. and regarding to the android, yup i've got android device: galaxy tab 2 - with chrome browser there and it works there too. Link to comment Share on other sites More sharing options...
dsc54000 Posted May 18, 2014 Share Posted May 18, 2014 on my iOS devices i checked your website with: - chrome browser - safari on both browsers everything is okay. and regarding to the android, yup i've got android device: galaxy tab 2 - with chrome browser there and it works there too. We know Android works with chrome browser, but does the galaxy tab work with the stock browser? There should be an icon called "Internet" unless it comes stock with chrome.. Link to comment Share on other sites More sharing options...
brickhouseboutique Posted June 15, 2014 Share Posted June 15, 2014 Has this been resolved. The only browser that has a problem is the Stock Blue Earth Browser on the Android that says "Internet". Most people click that becuase it says internet. It is on ALLLLLL 1.6 VERSIONS OF PRESTASHOP. So everyone using 1.6 is losing money because this browser is not functioning properly. Please fix. We can't tell the customers which browser to use we just need to make sure what they are using works. Here is the stock website http://prestashop1603.promokit.eu/index.php?id_product=5&controller=product&id_lang=1#/color-yellow/size-m My site with same issue. http://www.brickhouseboutique.com/dresses/166-paradise-awaiting-plus-maxi-dress.html ONLY THE BLUE EARTH BROWSER ON ANDROID IS AFFECTED! HELP Link to comment Share on other sites More sharing options...
tonycajjo Posted July 7, 2014 Share Posted July 7, 2014 any update on this? i'm having the same issue. i can confirm that the demo page does work properly, so it must be something we did with css or whatever. Link to comment Share on other sites More sharing options...
tonycajjo Posted July 7, 2014 Share Posted July 7, 2014 temporary fix: i removed form-control from the drop down class, on line 344 of product.tpl i'll have to do this for the date ones on the registration page, and anywhere else drops downs are. but there is something in the form-control css that is messing this up. dunno yet. Link to comment Share on other sites More sharing options...
vekia Posted July 7, 2014 Share Posted July 7, 2014 i think that this can be solution for block top menu problems I fixed it looks like. On or near line 83 of /modules/blocktopmenu/js/blocktopmenu.js (or the one in your corresponding theme directory if you made custom changes) you need to add a return false call to prevent it from firing twice. Change this: mCategoryGrover.on('click touchstart', function(){ $(this).toggleClass('active').parent().find('ul.menu-content').stop().slideToggle('1'); }); To this: mCategoryGrover.on('click touchstart', function(){ $(this).toggleClass('active').parent().find('ul.menu-content').stop().slideToggle('1'); return false; // Add this to prevent double firing of click and touchstart events }); http://www.prestashop.com/forums/topic/341371-category-top-menu-not-functioning-on-iphone-in-1608/ Link to comment Share on other sites More sharing options...
Drew Sandman Posted July 23, 2014 Share Posted July 23, 2014 i think that this can be solution for block top menu problems http://www.prestashop.com/forums/topic/341371-category-top-menu-not-functioning-on-iphone-in-1608/ I was having the same issue on my Iphone 4S in both Safari and Chome. Vekia's solution has appeared to work. I am now able to open the categories drop down, it stays open, and I can now select a link. However, the complete directory that blocktopmenu.js was in was "themes/mytheme/js/modules/blocktopmenu/js/blocktopmenu.js". I was a little confused at first because the root directory also has a modules folder that leads to a blocktopmenu.js file, which is blank. I just wanted to clarify that for anyone else that might have been confused as well. Thanks for the assistance Vekia. You rock! Link to comment Share on other sites More sharing options...
vegaskev Posted August 11, 2014 Share Posted August 11, 2014 Has an actual patch been added to the latest version of PrestaShop 1.6 to resolve this issue? I see that Vekia's fix was shared over a month ago, so I'm assuming that this fix has been submitted as a patch and has been added to the recent release, or at least has been added to the next scheduled release? Please advise, as this issue seems to be apparent on multiple 1.6 sites that I've developed recently and I'm looking for formal resolution. Thanks in advance. Link to comment Share on other sites More sharing options...
fmentado Posted August 25, 2014 Share Posted August 25, 2014 provisional solutionlocate file at /theme/js/autoload/15.jquery.uniform-modified.jsrename the remove method at the line 853 noSelect($span, options); return { remove: function () { <-------for example rename remove by no-remove // Remove sibling span $span.remove(); // Unwrap parent div $el.unwrap().unbind(options.eventNamespace); return $el; }, Link to comment Share on other sites More sharing options...
Dwarf69 Posted October 5, 2014 Share Posted October 5, 2014 Hi, You solution fixed the problem but it makes another problem. After this modification, you can't use the sharing module and the comment module, because the pop up didn't open ! Link to comment Share on other sites More sharing options...
Recommended Posts