gpzzone Posted November 13, 2017 Share Posted November 13, 2017 (edited) Hi Ver 6.1.12 - Mican I'm developing a new site and am really struggling with the session box. Logging in is fine and the session box changes to welcome the logged in customer fine, also when you hover the mouse over the [+] button, the box details change to give you the logout and My account options - all of this is (I believe) exactly as designed and is functioning normally, but..... If you move the mouse away from from the [+] to select the Logout or My Account option, the box contents change before you can click either of them!! Does anyone have any suggestions as to what may be causing this behaviour? Please see attached images. Thanks in advance. CD Edited November 13, 2017 by gpzzone Clarity Quote Link to comment Share on other sites More sharing options...
bsmither Posted November 13, 2017 Share Posted November 13, 2017 Hover the mouse cursor over the [+]. The cursor changes to a finger-pointer. Then try moving the mouse cursor straight down until in-line with the phrase Log Out. The mouse cursor may switch back to an arrow, but the links should remain visible. Then move the mouse cursor straight across to the link. The cursor should change to a finger-pointer again. Quote Link to comment Share on other sites More sharing options...
gpzzone Posted November 13, 2017 Author Share Posted November 13, 2017 I can get it to work correctly about 1 time in 15-20, which being so random is clearly unacceptable. I'll contemplate it. but thank you for the reply. Quote Link to comment Share on other sites More sharing options...
bsmither Posted November 13, 2017 Share Posted November 13, 2017 (edited) In the Mican folder /js/ edit the file script.js as follows: From: $('#session_action_button, #session_actions').hover(function(){ $('#session_actions').show(); $('#basket_summary').hide(); },function(){ $('#session_actions').hide(); $('#basket_summary').fadeIn(); }); To: $('#session_action_button, #session_actions').hover(function(){ $('#basket_summary').hide(); $('#session_actions').show(); },function(){ $('#session_actions').delay(4000); $('#session_actions').hide('fast'); /* $('#session_actions').hide(); */ $('#basket_summary').fadeIn(); }); Force your browser to reload the page resources (javascript, CSS, etc). This is usually done with CTRL-F5. This change adds a four second delay after moving the mouse out of the trigger area before the links disappear. Edited November 13, 2017 by bsmither Quote Link to comment Share on other sites More sharing options...
gpzzone Posted November 13, 2017 Author Share Posted November 13, 2017 Beautiful solution. Thank you sir! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.