it totally worked, saved me lots of stress. Following your video made me feel more a comfortable with Shopify and also made me feel like a coder. Thank you Ms Will
Maybe u can show us a terms of service agreement checkbox in the dawn theme. i know there are a lot of apps for it, but they want access to a lot of informations and make the cart very slow.
YOU ARE GODLIKE Will, THANK YOU! All six pieces of code worked for me. I'm not a programmer and only know sql & some python, no json or liquid at all but your tutorial worked perfectly. All the testings before changing the code are really good. Thanks again!
I have been trying to apply this to the mega menu with no luck :(. The code works but i can never select a subitem because the mega menu open below the header where the mouse is no longer hovering the right div
Hi thnaks for the video it really help. but when i move the mouse the dropdown items disappear and i can nit click any option. can you please provide the solution for that, thanks
Thank you. I am using the Mega Menu and it puts a space between the list element and the submenu so when i mouseover the list element it expands perfectly, however when I try to mouse to the dropdown, it picks up the mouseout event and closes the submenu before I can navigate to it. It works sometimes if I am quick enough with the mouse. Thoughts? Is there a way to add a delay?
I am not a coder but this worked well. Eyes started to glaze over at the end when you were talking about test etc. Are snipets 5 and 6 really needed. Changes I made seem to work fine without?
Hi, thanks so much for your video! It works for me, but when I move the mouse over a sub menu item, the menu become sticky and I can scroll with the mouse still over an item. Any idea? Great video btw ;)
Thank you sooo much! That was very helpful :D But my dropdown menu is slightly lagging. Whenever I move the mouse over a sub menu item, a kind of animation appears, as if the drop-down menu was reloaded for each item. Could you please help me with this? :/
Thank you so much! My first time 'coding'. The hover is working BUT it closes out when I move the mouse away from the top line. I'm going to try one of the suggestions in the comments below about setting the header padding to zero - is this the right thing to do?
Ive spent 30 min, tryna make this hoverstuff... after 30 min of watching, you tell me, i basically cant have categories, because then it wont work- so i did it all backwards, and am so happy that im not stuck with this hover shit... Ill just let you know... the way you explain, is like explaining ''Hey, this is a car, let me tell you about whats in the oil'' - BRO, if anyone knew about coding from more than googling, you wouldnt have to explain- its such a deadtalk -.-.. The idea was great, but i wasted my time with this- You make it way more confusing, than it has to be.
Working with this video on my store is my first experience of coding, I can say the tuber did a good job in his explanation.. maybe it appeals to my style of receiving information
My Latest Shopify Tips & Tricks: wmiz.github.io/mastering-shopify
CODE SNIPPETS:
let items = document
.querySelector(".header__inline-menu")
.querySelectorAll("details");
items.forEach((item) => {
item.addEventListener("mouseover", () => {
item.setAttribute("open", true);
item.querySelector("summary").setAttribute("aria-expanded", "true");
item.addEventListener("mouseout", () => {
item.removeAttribute("open");
item.querySelector("summary").setAttribute("aria-expanded", "false");
});
});
});
{% if section.settings.hover %}
{% endif section.settings.hover %}
{ "type": "checkbox",
"id": "hover",
"label":"t:sections.header.settings.hover.label" },
"hover": {
"label": "Enable hover on menu items"
}
{% if section.settings.hover %}
It won't let .e copy it
it totally worked, saved me lots of stress. Following your video made me feel more a comfortable with Shopify and also made me feel like a coder. Thank you Ms Will
Let me know if you need help or have suggestions for features I can code for my next video!
Maybe u can show us a terms of service agreement checkbox in the dawn theme. i know there are a lot of apps for it, but they want access to a lot of informations and make the cart very slow.
Thanks for the video, really helpful! Is there a fix for the issue you are talking on 10:22?
Thank you It was really great help hopefully you keep sharing your help to us
Will do!
Whoa! Really helpful. My site is based on craft and I found this video.. Damn!!
Glad it helped Kezevel!
Thank you. Worked like a charm.
Glad to hear it, David. Thanks for letting me know!
YOU ARE GODLIKE Will, THANK YOU! All six pieces of code worked for me. I'm not a programmer and only know sql & some python, no json or liquid at all but your tutorial worked perfectly. All the testings before changing the code are really good. Thanks again!
Great to hear!
I have been trying to apply this to the mega menu with no luck :(. The code works but i can never select a subitem because the mega menu open below the header where the mouse is no longer hovering the right div
Thank you !! I was wondering if you could show us how to add a Breadcrumbs for Dawn Theme please, you’ll help me a lot. Have a good day
Great suggestion for a video Emma. I will look into doing this!
@@WillMisback great thank you :)
Hi thnaks for the video it really help. but when i move the mouse the dropdown items disappear and i can nit click any option. can you please provide the solution for that, thanks
I do not have "Schema" in my Craft code
Thank you. I am using the Mega Menu and it puts a space between the list element and the submenu so when i mouseover the list element it expands perfectly, however when I try to mouse to the dropdown, it picks up the mouseout event and closes the submenu before I can navigate to it. It works sometimes if I am quick enough with the mouse. Thoughts? Is there a way to add a delay?
same
@IMMERENCE this worked! Thank you.
I am not a coder but this worked well. Eyes started to glaze over at the end when you were talking about test etc. Are snipets 5 and 6 really needed. Changes I made seem to work fine without?
Hi, thanks so much for your video! It works for me, but when I move the mouse over a sub menu item, the menu become sticky and I can scroll with the mouse still over an item. Any idea? Great video btw ;)
Thank you sooo much! That was very helpful :D But my dropdown menu is slightly lagging. Whenever I move the mouse over a sub menu item, a kind of animation appears, as if the drop-down menu was reloaded for each item. Could you please help me with this? :/
In the first code snippet, change "mouseover" to "mouseenter" and then change "mouseout" to "mouseleave". That will fix it.
@@johnmorley1622 Thank you so much, it worked :D
I have been looking for this so long! Thank you SO much! Check your E-Mail.
Glad to help!
When I go to add the function that allows you to click on the titles it adds 2. As in stead of it saying "Posters" it says "PostersPosters"
me to
Thank you so much! My first time 'coding'. The hover is working BUT it closes out when I move the mouse away from the top line. I'm going to try one of the suggestions in the comments below about setting the header padding to zero - is this the right thing to do?
In answer to my own question - it worked! See IMMERENCE comment below for the fix.
hi, how to fix it i cant find the solution@@BabyEdenClothingNZ
Where is the pin for the snippet?
you have to click on "READ MORE" and it expands and shows his snippets
Ive spent 30 min, tryna make this hoverstuff... after 30 min of watching, you tell me, i basically cant have categories, because then it wont work- so i did it all backwards, and am so happy that im not stuck with this hover shit...
Ill just let you know... the way you explain, is like explaining ''Hey, this is a car, let me tell you about whats in the oil'' - BRO, if anyone knew about coding from more than googling, you wouldnt have to explain- its such a deadtalk -.-..
The idea was great, but i wasted my time with this- You make it way more confusing, than it has to be.
Working with this video on my store is my first experience of coding, I can say the tuber did a good job in his explanation.. maybe it appeals to my style of receiving information