Menu that open by itself after clicking on the link of a parent category Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern) Announcing the arrival of Valued Associate #679: Cesar Manara Unicorn Meta Zoo #1: Why another podcast?How can I point admin action method to other than `indexAction()`?How to display subcategories on same height as parent-category in Magento 2 -menuLuma theme mobile menu errorProduct image zoom issue on product details page when drop-down menu have overlap area with itMagento2 does not load completely on windows(XAMPP)Want to trigger some event on swatch click in catalog pageHow to display categories in menu in the same order as in admin category tree?Mega menu issue with product zoomMegamenu issue - Clicking menu opens category page for that menu in mobile in Magento2Magento 2 dropdown on hover menu issue
What kind of display is this?
Communication vs. Technical skills ,which is more relevant for today's QA engineer positions?
What LEGO pieces have "real-world" functionality?
How to market an anarchic city as a tourism spot to people living in civilized areas?
How did the aliens keep their waters separated?
Losing the Initialization Vector in Cipher Block Chaining
Is there a documented rationale why the House Ways and Means chairman can demand tax info?
Single author papers against my advisor's will?
What is the largest species of polychaete?
Two different pronunciation of "понял"
How do I automatically answer y in bash script?
Using "nakedly" instead of "with nothing on"
Did the new image of black hole confirm the general theory of relativity?
Active filter with series inductor and resistor - do these exist?
When is phishing education going too far?
What is the electric potential inside a point charge?
How to colour the US map with Yellow, Green, Red and Blue to minimize the number of states with the colour of Green
What did Darwin mean by 'squib' here?
Is there folklore associating late breastfeeding with low intelligence and/or gullibility?
If I can make up priors, why can't I make up posteriors?
Autumning in love
Interesting examples of non-locally compact topological groups
How does modal jazz use chord progressions?
Simulating Exploding Dice
Menu that open by itself after clicking on the link of a parent category
Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern)
Announcing the arrival of Valued Associate #679: Cesar Manara
Unicorn Meta Zoo #1: Why another podcast?How can I point admin action method to other than `indexAction()`?How to display subcategories on same height as parent-category in Magento 2 -menuLuma theme mobile menu errorProduct image zoom issue on product details page when drop-down menu have overlap area with itMagento2 does not load completely on windows(XAMPP)Want to trigger some event on swatch click in catalog pageHow to display categories in menu in the same order as in admin category tree?Mega menu issue with product zoomMegamenu issue - Clicking menu opens category page for that menu in mobile in Magento2Magento 2 dropdown on hover menu issue
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
When I click on parent category, the page load but the menu re-open if the pointer of the mouse is still present.
What do you recommend so that the menu does not re-open immediately ?
magento2 custom-menu
asked Apr 10 at 19:34
ThomasThomas
61
New contributor
Thomas is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
When I click on parent category, the page load but the menu re-open if the pointer of the mouse is still present.
What do you recommend so that the menu does not re-open immediately ?
magento2 custom-menu
asked Apr 10 at 19:34
ThomasThomas
61
New contributor
Thomas is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
When I click on parent category, the page load but the menu re-open if the pointer of the mouse is still present.
What do you recommend so that the menu does not re-open immediately ?
magento2 custom-menu
asked Apr 10 at 19:34
ThomasThomas
61
New contributor
Thomas is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
When I click on parent category, the page load but the menu re-open if the pointer of the mouse is still present.
What do you recommend so that the menu does not re-open immediately ?
magento2 custom-menu
magento2 custom-menu
asked Apr 10 at 19:34
ThomasThomas
61
New contributor
Thomas is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
asked Apr 10 at 19:34
ThomasThomas
61
New contributor
Thomas is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
asked Apr 10 at 19:34
ThomasThomas
61
New contributor
Thomas is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
asked Apr 10 at 19:34
ThomasThomas
61
asked Apr 10 at 19:34
ThomasThomas
61
61
New contributor
Thomas is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
New contributor
Thomas is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
Thomas is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
This would be a great question for https://ux.stackexchange.com/, they provide some really good and often well researched and data-driven answers to this kind of thing.
But quickly what comes to mind, depending on how much control you have over the theme:
- Wait for x seconds after page load to allow the menu to open
- Wait for some amount of mouse movement before allowing the menu hover effects to work (probably the length of one of the larger menu items)
- Wait some small amount to create the hover effect (looks like the menu already has a small delay with animation, any more might annoy users)
- Make menu open when the item is clicked instead, include a nested sub menu item to replace the parent link.
Most of these would require a short delay after page load. You can use an overlay over the menu or add a class to the menu that enables the css to show the dropdown. I won't go into those details and assume that part you can figure out, but I'm happy to help if not... let me know.
Edit - want to add that the last idea, the click option, is my personal preference.
Update:
By default Magento appears to use jquery ui menu widget. This does what you want as you can tell by installing a fresh magento with Luma theme, or simply check out their example here: https://jqueryui.com/menu/
Also I made a pen to further illustrate how this works:
https://codepen.io/anon/pen/JVyKmP
When you hover over the grey box, the words "You Hovered" appears in the box. This happens the same way jqueryui works, which is through the mouseenter javascript event which fires when the mouse moves inside the box.
Notice that if you hover over the box the text appears, but if you keep your mouse in place and refresh the page, the text does not appear until you move the mouse again.
It's hard to give you an exact how-to for your situation because my guess would be that you are using a customized theme that doesn't work the same way. If this is the case you would have to edit either the CSS or JavaScript associated with the menu and replicate or utilize jqueryui. To do this you would wait for the mouseenter event, and when triggered, wait a short delay (hundreds of milliseconds) before showing the menu.
answered Apr 10 at 20:06
jamiljamil
600426
I am a little lost, on a lot of site the submenu does not re-open after I click into a category. It's more user friendly. I have a low level, it's been 3 months that I seek a solution but without success. What should I change? Is this an element of the CSS file? or something of PHTML? I would like to : if cursor enter in menu -> display submenu if cursor is already in menu at load time -> do not display submenu
– Thomas
Apr 11 at 14:26
add a comment |
I agree with jamil on many points.
You could have the top category clickable on default. However, if someone does chose a category, you could have it showing the top of the page, but not showing the menu, so this also doesn't occur.
IOW, when any category is clicked, the next page shows (the category clicked on) but the page scrolls to the top of the chosen category, passing the main menu -- could be not the best though.
However, I strongly suggest you talk to the https://ux.stackexchange.com/ folks for sure.
answered 2 days ago
GuitarKatGuitarKat
217
add a comment |
Your Answer
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "479"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Thomas is a new contributor. Be nice, and check out our Code of Conduct.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f269595%2fmenu-that-open-by-itself-after-clicking-on-the-link-of-a-parent-category%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
This would be a great question for https://ux.stackexchange.com/, they provide some really good and often well researched and data-driven answers to this kind of thing.
But quickly what comes to mind, depending on how much control you have over the theme:
- Wait for x seconds after page load to allow the menu to open
- Wait for some amount of mouse movement before allowing the menu hover effects to work (probably the length of one of the larger menu items)
- Wait some small amount to create the hover effect (looks like the menu already has a small delay with animation, any more might annoy users)
- Make menu open when the item is clicked instead, include a nested sub menu item to replace the parent link.
Most of these would require a short delay after page load. You can use an overlay over the menu or add a class to the menu that enables the css to show the dropdown. I won't go into those details and assume that part you can figure out, but I'm happy to help if not... let me know.
Edit - want to add that the last idea, the click option, is my personal preference.
Update:
By default Magento appears to use jquery ui menu widget. This does what you want as you can tell by installing a fresh magento with Luma theme, or simply check out their example here: https://jqueryui.com/menu/
Also I made a pen to further illustrate how this works:
https://codepen.io/anon/pen/JVyKmP
When you hover over the grey box, the words "You Hovered" appears in the box. This happens the same way jqueryui works, which is through the mouseenter javascript event which fires when the mouse moves inside the box.
Notice that if you hover over the box the text appears, but if you keep your mouse in place and refresh the page, the text does not appear until you move the mouse again.
It's hard to give you an exact how-to for your situation because my guess would be that you are using a customized theme that doesn't work the same way. If this is the case you would have to edit either the CSS or JavaScript associated with the menu and replicate or utilize jqueryui. To do this you would wait for the mouseenter event, and when triggered, wait a short delay (hundreds of milliseconds) before showing the menu.
answered Apr 10 at 20:06
jamiljamil
600426
I am a little lost, on a lot of site the submenu does not re-open after I click into a category. It's more user friendly. I have a low level, it's been 3 months that I seek a solution but without success. What should I change? Is this an element of the CSS file? or something of PHTML? I would like to : if cursor enter in menu -> display submenu if cursor is already in menu at load time -> do not display submenu
– Thomas
Apr 11 at 14:26
add a comment |
This would be a great question for https://ux.stackexchange.com/, they provide some really good and often well researched and data-driven answers to this kind of thing.
But quickly what comes to mind, depending on how much control you have over the theme:
- Wait for x seconds after page load to allow the menu to open
- Wait for some amount of mouse movement before allowing the menu hover effects to work (probably the length of one of the larger menu items)
- Wait some small amount to create the hover effect (looks like the menu already has a small delay with animation, any more might annoy users)
- Make menu open when the item is clicked instead, include a nested sub menu item to replace the parent link.
Most of these would require a short delay after page load. You can use an overlay over the menu or add a class to the menu that enables the css to show the dropdown. I won't go into those details and assume that part you can figure out, but I'm happy to help if not... let me know.
Edit - want to add that the last idea, the click option, is my personal preference.
Update:
By default Magento appears to use jquery ui menu widget. This does what you want as you can tell by installing a fresh magento with Luma theme, or simply check out their example here: https://jqueryui.com/menu/
Also I made a pen to further illustrate how this works:
https://codepen.io/anon/pen/JVyKmP
When you hover over the grey box, the words "You Hovered" appears in the box. This happens the same way jqueryui works, which is through the mouseenter javascript event which fires when the mouse moves inside the box.
Notice that if you hover over the box the text appears, but if you keep your mouse in place and refresh the page, the text does not appear until you move the mouse again.
It's hard to give you an exact how-to for your situation because my guess would be that you are using a customized theme that doesn't work the same way. If this is the case you would have to edit either the CSS or JavaScript associated with the menu and replicate or utilize jqueryui. To do this you would wait for the mouseenter event, and when triggered, wait a short delay (hundreds of milliseconds) before showing the menu.
answered Apr 10 at 20:06
jamiljamil
600426
I am a little lost, on a lot of site the submenu does not re-open after I click into a category. It's more user friendly. I have a low level, it's been 3 months that I seek a solution but without success. What should I change? Is this an element of the CSS file? or something of PHTML? I would like to : if cursor enter in menu -> display submenu if cursor is already in menu at load time -> do not display submenu
– Thomas
Apr 11 at 14:26
add a comment |
This would be a great question for https://ux.stackexchange.com/, they provide some really good and often well researched and data-driven answers to this kind of thing.
But quickly what comes to mind, depending on how much control you have over the theme:
- Wait for x seconds after page load to allow the menu to open
- Wait for some amount of mouse movement before allowing the menu hover effects to work (probably the length of one of the larger menu items)
- Wait some small amount to create the hover effect (looks like the menu already has a small delay with animation, any more might annoy users)
- Make menu open when the item is clicked instead, include a nested sub menu item to replace the parent link.
Most of these would require a short delay after page load. You can use an overlay over the menu or add a class to the menu that enables the css to show the dropdown. I won't go into those details and assume that part you can figure out, but I'm happy to help if not... let me know.
Edit - want to add that the last idea, the click option, is my personal preference.
Update:
By default Magento appears to use jquery ui menu widget. This does what you want as you can tell by installing a fresh magento with Luma theme, or simply check out their example here: https://jqueryui.com/menu/
Also I made a pen to further illustrate how this works:
https://codepen.io/anon/pen/JVyKmP
When you hover over the grey box, the words "You Hovered" appears in the box. This happens the same way jqueryui works, which is through the mouseenter javascript event which fires when the mouse moves inside the box.
Notice that if you hover over the box the text appears, but if you keep your mouse in place and refresh the page, the text does not appear until you move the mouse again.
It's hard to give you an exact how-to for your situation because my guess would be that you are using a customized theme that doesn't work the same way. If this is the case you would have to edit either the CSS or JavaScript associated with the menu and replicate or utilize jqueryui. To do this you would wait for the mouseenter event, and when triggered, wait a short delay (hundreds of milliseconds) before showing the menu.
answered Apr 10 at 20:06
jamiljamil
600426
This would be a great question for https://ux.stackexchange.com/, they provide some really good and often well researched and data-driven answers to this kind of thing.
But quickly what comes to mind, depending on how much control you have over the theme:
- Wait for x seconds after page load to allow the menu to open
- Wait for some amount of mouse movement before allowing the menu hover effects to work (probably the length of one of the larger menu items)
- Wait some small amount to create the hover effect (looks like the menu already has a small delay with animation, any more might annoy users)
- Make menu open when the item is clicked instead, include a nested sub menu item to replace the parent link.
Most of these would require a short delay after page load. You can use an overlay over the menu or add a class to the menu that enables the css to show the dropdown. I won't go into those details and assume that part you can figure out, but I'm happy to help if not... let me know.
Edit - want to add that the last idea, the click option, is my personal preference.
Update:
By default Magento appears to use jquery ui menu widget. This does what you want as you can tell by installing a fresh magento with Luma theme, or simply check out their example here: https://jqueryui.com/menu/
Also I made a pen to further illustrate how this works:
https://codepen.io/anon/pen/JVyKmP
When you hover over the grey box, the words "You Hovered" appears in the box. This happens the same way jqueryui works, which is through the mouseenter javascript event which fires when the mouse moves inside the box.
Notice that if you hover over the box the text appears, but if you keep your mouse in place and refresh the page, the text does not appear until you move the mouse again.
It's hard to give you an exact how-to for your situation because my guess would be that you are using a customized theme that doesn't work the same way. If this is the case you would have to edit either the CSS or JavaScript associated with the menu and replicate or utilize jqueryui. To do this you would wait for the mouseenter event, and when triggered, wait a short delay (hundreds of milliseconds) before showing the menu.
answered Apr 10 at 20:06
jamiljamil
600426
edited 2 days ago
answered Apr 10 at 20:06
jamiljamil
600426
answered Apr 10 at 20:06
jamiljamil
600426
answered Apr 10 at 20:06
jamiljamil
600426
600426
I am a little lost, on a lot of site the submenu does not re-open after I click into a category. It's more user friendly. I have a low level, it's been 3 months that I seek a solution but without success. What should I change? Is this an element of the CSS file? or something of PHTML? I would like to : if cursor enter in menu -> display submenu if cursor is already in menu at load time -> do not display submenu
– Thomas
Apr 11 at 14:26
add a comment |
I am a little lost, on a lot of site the submenu does not re-open after I click into a category. It's more user friendly. I have a low level, it's been 3 months that I seek a solution but without success. What should I change? Is this an element of the CSS file? or something of PHTML? I would like to : if cursor enter in menu -> display submenu if cursor is already in menu at load time -> do not display submenu
– Thomas
Apr 11 at 14:26
I am a little lost, on a lot of site the submenu does not re-open after I click into a category. It's more user friendly. I have a low level, it's been 3 months that I seek a solution but without success. What should I change? Is this an element of the CSS file? or something of PHTML? I would like to : if cursor enter in menu -> display submenu if cursor is already in menu at load time -> do not display submenu
– Thomas
Apr 11 at 14:26
I am a little lost, on a lot of site the submenu does not re-open after I click into a category. It's more user friendly. I have a low level, it's been 3 months that I seek a solution but without success. What should I change? Is this an element of the CSS file? or something of PHTML? I would like to : if cursor enter in menu -> display submenu if cursor is already in menu at load time -> do not display submenu
– Thomas
Apr 11 at 14:26
add a comment |
I agree with jamil on many points.
You could have the top category clickable on default. However, if someone does chose a category, you could have it showing the top of the page, but not showing the menu, so this also doesn't occur.
IOW, when any category is clicked, the next page shows (the category clicked on) but the page scrolls to the top of the chosen category, passing the main menu -- could be not the best though.
However, I strongly suggest you talk to the https://ux.stackexchange.com/ folks for sure.
answered 2 days ago
GuitarKatGuitarKat
217
add a comment |
I agree with jamil on many points.
You could have the top category clickable on default. However, if someone does chose a category, you could have it showing the top of the page, but not showing the menu, so this also doesn't occur.
IOW, when any category is clicked, the next page shows (the category clicked on) but the page scrolls to the top of the chosen category, passing the main menu -- could be not the best though.
However, I strongly suggest you talk to the https://ux.stackexchange.com/ folks for sure.
answered 2 days ago
GuitarKatGuitarKat
217
add a comment |
I agree with jamil on many points.
You could have the top category clickable on default. However, if someone does chose a category, you could have it showing the top of the page, but not showing the menu, so this also doesn't occur.
IOW, when any category is clicked, the next page shows (the category clicked on) but the page scrolls to the top of the chosen category, passing the main menu -- could be not the best though.
However, I strongly suggest you talk to the https://ux.stackexchange.com/ folks for sure.
answered 2 days ago
GuitarKatGuitarKat
217
I agree with jamil on many points.
You could have the top category clickable on default. However, if someone does chose a category, you could have it showing the top of the page, but not showing the menu, so this also doesn't occur.
IOW, when any category is clicked, the next page shows (the category clicked on) but the page scrolls to the top of the chosen category, passing the main menu -- could be not the best though.
However, I strongly suggest you talk to the https://ux.stackexchange.com/ folks for sure.
answered 2 days ago
GuitarKatGuitarKat
217
answered 2 days ago
GuitarKatGuitarKat
217
answered 2 days ago
GuitarKatGuitarKat
217
answered 2 days ago
GuitarKatGuitarKat
217
217
add a comment |
add a comment |
Thomas is a new contributor. Be nice, and check out our Code of Conduct.
Thomas is a new contributor. Be nice, and check out our Code of Conduct.
Thomas is a new contributor. Be nice, and check out our Code of Conduct.
Thomas is a new contributor. Be nice, and check out our Code of Conduct.
Thanks for contributing an answer to Magento Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f269595%2fmenu-that-open-by-itself-after-clicking-on-the-link-of-a-parent-category%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
