Shopify Navigation Tutorial ( Mega Menus/Multi Level Menus/Dropdown Menus/Header Menu and more...)
HTML-код
- Опубликовано: 6 окт 2024
- Your Store Navigation Menu is there to help your customers find what they are searching for as well as get them to know what your store offers and how to navigate it. When you make it easy for your customers to move around your store, you improve their experience with your brand and give them more reasons to buy from you.
So if you have been suffering for a long time from a low conversion rate and a high bouncing rate, this video could be the perfect solution for you because, in this video, I will show you step-by-step how to set up your navigation menu in the best and most efficient way.
This Shopify Navigation Menu doesn't only show you the technical side of things but also will give you tips to create a highly-performing navigation system.
This video will cover:
✔Tips to design effective navigation menus
✔How to set up dropdown menus, multi-level menus, and mega menus
✔How to create menu items without links and much more...
I hope you will enjoy this video!
🎁 Free Workshop: Learn how to create a Strong, and Sustainable eCommerce business: www.rihabseb.c...
👉Tired of doing everything by yourself? Check out my Done for You services here: www.rihabseb.c...
👉Looking to grow your business and increase your sales by following effective and proven marketing strategies? Apply to my 1to1 Coaching program: www.rihabseb.c...
//Recommended tools:
►►Best eCommerce Platform: shopify.pxf.io...
►►Best Email Marketing Software for eCommerce: www.klaviyo.co...
//Connect and Say Hi:
►►Subscribe to my channel+🔔's ►► bit.ly/2oz1jsr
►►Instagram: / rihab.seb
►►Facebook: / rihab.seb.71
►►Website:www.rihabseb.com/
►►Free Workshop (the eCommerce growth workshop): www.rihabseb.c...
Hello Guys! Hope you enjoyed the video ♥Just a small reminder to profit from the Free Workshop I am currently offering.
It is 100% Free, so Just sign up and start scaling your business" www.rihabseb.com/the-ecommerce-growth-workshop-lp
how can i add photos on dawn theme mega menu
what is the theme you recommend for clothing store?
Really Nice ! Thank you so much
Thank you so much for the navigation info. I had spent hours going round in circles trying to figure out how to add submenus to my header. Who knew it was drag & drop. It's taken 10 mins to sort out my Dawn page. ❤❤
You're welcome!Glad the video helped you!
good instruction, really help me understand how to actually put together this site. Maybe if you could have moved your box around that was blocking parts you were selecting, or just disappear the box until your select or something
It was a great video. I agree the box was unnecessary when she wasn't directly addressing the audience. I wish she had hidden it so we could see the complete screen.
I've never commented on a RUclips video before, but your tutorials are SO helpful and easy to follow!! Thank you so much!!
Thank you for the nice feedback ❤️ glad you like my videos!
Unfortunately your video on top-left is blocking all the important steps!
Thanks for this, was very help to know the structure of Navigations and how it corelates with Menu Bar!
Happy to know this! If you wish to work more on your collections and subcollections, I recommend you to watch this video as well: ruclips.net/video/CgHWdGrV8S0/видео.htmlsi=JrTREyBguWPHH9xU
On a Dawn theme you can also have a mega menu, under the change menu option there is an option to change desktop menu type and you can choose mega menu there!
Great news!
cant find where it is to save my life lol
@@starbwoyroahn make sure you have dawn 9.0 for the mega menu feature
Where is the change menu option at?
Can anyone tell me how to add images to the Dawn mega menu?
This video tutorial solved my problem that I'm facing in my client's shopify website, Thanks
Glad to know the video was helpful!
Hello rehabs. Thank you having done this video. I was looking so long to understand how to do that. Very happy to find you here. Have a fantastic day.
Very happy you liked the video!
Thanks for the video. So how do I now link the items in the menu to the different categories?
thanks
right? I came here for that and lost 18 mins of my life
Great tutorial! answered all of my questions. Thank you.
My pleasure!
This video was very useful. I was so confused about how to build my shopify store and finally saw your video. It makes perfect sense. Thank you
Very Clear And Helpful!! ThankYou
Glad it was helpful!
This video is exactly what I needed. Thank you so much and good luck with your amazing channel. ❤
My pleasure! Don't forget to subscribe to stay tuned with the latest videos I publish.
Very clear and helpful!! Thank you Rihab Seb!!
My pleasure!
well mam you are such a legend I never comment before I swear, nice and understandable tutorial... make more
oh! Many thanks for this lovely comment.
Rihabs videos helping out with this rehab am gon thru
Glad to know ❤️
Thanks for this beautiful video lady!!!!!
You are so welcome!
Thank you! This helped me tremendously! Subbed!
Thanks for the sub!
your post was super usefull thhannk you so much for sharing
My pleasure!
Thank you! Watching literally a couple seconds of the video I found what I needed, will b ewatching the rest as needed
Amazing! Great to know.
Great video! Very helpful and straight to the point !
My pleasure!
Brillant explaination. Subed your channel.
Thank you ♥️
Thank you for the tutorial, that was very helpful😊
Glad it was helpful!
This was incredibly helpful!! Thank you so much!! I love it when it just clicks!!
Amazing ♥️
cant see the top right because of your video screen which is where youre doing the sub menus
Sorry about that! I will be publishing a new version of this video soon and hopefully fix this problem!
Great help thanks I have a big problem I have over 500 Categories
Oh! I feel you! Where your able to get this done? You can always use Shopify Bulk editor to make your work a bit easier.
Fantastic video! Thank you!!! Subscribed!
Thanks for the sub!
thank you ! your tutorials are so helpful and easy to follow. can you please make more tutorials about custome sections.
Thank you for the amazing review! I will sure do!
Thank you!
What a great tutorial 👍👍 so easy to follow along, thank you so much
My pleasure ❤️
Thank you, your video helps alot for me. Regards
I jWould like to say thank you so much
Very usefull, you got a Subscriber, thanks!!
My pleasure ❤️ always!
thank you, that was the best training, really enjoyed it.
how can you tell if the theme you selected can take mega menu?
Hello Josie, my pleasure!
This video will help you to know how to check a theme feature and how to try it out, I think it will reply perfectly well to your question: ruclips.net/video/zRh4XPxROLQ/видео.htmlsi=Z3TTytAoy0f18btB
Thank you so much 🙂
The problem with this theme is that it does not have a drop down arrow which isnt intuitive :(
Thank you so much
Great help thank you!
My pleasure!
thanks!!!
I tried it, however everytime i click on any of the options, it doesn't go to the collections. just says error, page not found
Hello dear,
What options exactly?
Is main menu (that contains home, .... ) that upload in secondary menu in header ??
Hello Iqbal, can you please clarify
Thank you very much. very helpful video. Have a nice day
My pleasre! Happy you liked the video.
Theme name and is this free or premium
I am feeling crush on you after this video, Thankyou for this video
My pleasure!
Thank you, very helpful! Couldn't find a video on how to put the products in the submenus so they will be visible in the store. Do you have one? Now I have empty submenus;-)!!
Can you please check this video... It will greatly help you with this: ruclips.net/video/CgHWdGrV8S0/видео.htmlsi=REFbmn2i_N2B_tIw
SERIOUSLY THANK YOU
My pleasure
الفيديو الوحيد باليوتيوب فهمت منه MEGA MENU وكتبتلك بالعربي لاني فخورة بصبية عربية متلك
شكرا ☺️
You are amazing, it was a very informative video.
Thank you
How do you set those static pop ups like the ones on the reference (Hooke) page that you mention?
This was awesome, thank you!
My pleasure ♥️
thanks love
Awesome video. Thanks for sharing.
Thanks for watching! My pleasure
I am using the dawn theme but I haven`t the mega menu under the header. Are you sure that you use Dawn Theme?
The version I am seeing might be older than the one you have.
شكرا جزيلا انسة رحاب
Your box is preventing being able to see what you are doing. It was a great video until I got stuck and couldnt see what you were clicking! 😢
Sorry dear for experiencing this. Can you please tell me when this happens exactly in the video so I can help you out.
That is exactly here 13:31 😊
@@RihabSeb it is pretty much all the time. Picture in Picture is more engaging but it hides the screen. Anything you did on right of screen was just totally hidden, happened 3-4 times.
What if I have different brands like Gucci, dolce & gabbana etc? How do I make the menu to find all the brands in a clean way?
if we want 3 layers of drop down menu is its possible it tryed but i can't create a nested third menu need your suggustion
Hello! Unfortunately, no it is not possible and it is not even recommended!
Thank you so much Rihab ♥♥
My pleasre! Don't forget to subscribe so you'll get notifications for all my upcoming videos. I hope to see you in the comments section again soon!
its great video for small store what if i have 1200 Collection is there better way
Hello Rune,
In this case, I recommend you to create collections with automatic rules. So your products will be automatically falling in the right collections. The number of products doesn’t change the process. Just try to find a system that will be time efficient for you. And remember setting up your collections is one time thing, after that you will be just doing minimal work to make sure all is working well.
Thank you so much!!!
My pleasure!
Nice video. Thank you.
My pleasure
what can i do if i chose " ride theme" cause on desktop mde the mega menu is good. but he is not good on mobile. how can i solve this problem. cause on first they wrote this theme support mega menu and i builed the website already
My theme hides the navigation- when I first load the home page I can see it then it hides. Does anyone know where in the code I can make the bar visible?
Dawn has a mega menu option. I am looking at it now. On version 7.0. But the category titles are not in bold, so that will need a bit of custom css. "font-weight: 900;"
Happy they included this is the updated version
Amazing
hi
I am using Dawn and cant seem find the 'add mega menu' under header. Am I missing something??
ah ok I see what the problem is...
@@rikihanabradley74 Hi, I would like to know what you did to see the mega menu under header. For me I can see just the type of menu, but not to add it. Thanks
Great video. Which theme did you use?
I am using Dawn 9.x seeing the Mega Menu option but I don't see these kind for editing options you showed
Saaame! For me it's doesn't even say 'mega menu' under the header anymore?! But I would love to add photos to the mega menu. Any updates?
Yes, I don't see the option to add images :(
Me too, How to add images to mega menu?
@@t-.-t.
Thank you so much for this valuable video
My pleasure ❤️
Struggling!! I have Mr Parker paid Theme. Not all my Drop downs are showing. I dont have mega drop downs on the left but have them on the right. It only allows me to link to my collections not each item. It looks nothing like what you are showing. Doesnt allow me to upload a photo. Please help. Many thanks Kristina
du erklärst es sehr gut, deine Erklärung finde ich am besten, die habe ich sofort verstanden.
Thank you
your video was very informative and helpful but i want to tell you that Dawn theam supports mega menu but you cannot add images to mega menu
My pleasure ❤️ Yes yes! hope they will also add a promotion box in there as well.
exactly .but I can't see the important part of the screen because you've covered it with a picture.
Sorry about this! I will be filming a new version of this video and hopefully will fix this problem!
thanks
My pleasure ♥️
Thank you! so helpful!
Glad it was helpful!
Thank you this video was so helpful ❤
My pleasure Michel, I'm so glad! Don't forget to subscribe so you'll get notifications for all my upcoming videos. I hope to see you in the comments section again soon!
THANK YOU VERY MUCH I DID ENJOUY IT
My pleasure Roberto!
This was really confusing
great video. Is it possible to Add Vertical Navigation menu to products pages in dawn theme ? Thank you
This would require additional coding...Not my field unfortunately but I cna recommend some good webdeveloppers to help you acheive this.
can I do this in dawn theme?
Yes!
So helpful thank you!
My pleasure ❤️
Thank you for this!
My pleasure Santa ❤️ Glad my video helped you!
VERY GOOD! THANKS!
Glad you liked it!
Ma'am please either keep your webcam small or just don't add one as it was really hard to see what tabs you chose while add menu to header
Noted! i will prepare an updated version of this video soon and fix this!
@@RihabSeb appreciated ma'am :)
thanks, how to do drop down menu without clicking if you know what i mean
Hello.. no not really! can you explain more please?
@@RihabSeb When you draw your mouse over the menus, it opens automatically without clicking on them!
@@RihabSeb same problem i have the refresh theme and the dropdown menu only drop down with a mouse click and not like yours with just move the mouse over the categories
The PIP is blocking what she is typing. Perhaps no PIP shouebe used so that we may see the entire screen
Can you please tell me the part you couldn’t see well, so I can help you out?
i see what i am trying to do on my website but you didn't touch on it, on your example the part in the middle of the website where it says " direction in shop" , the other website two at the time stamp 08:21 you have "shop coats" and "shop men" i am trying to find out what this is called and how to set that up on my music page for my fans
New subscriber right here 👍
❤️
Thank you
My pleasure ❤️
How do i remove the "V" simbol next to the menu elements, to "MEN", "WOMAN" text be a botton too that takes me to another section?
I love your tutorial ❤
Thank you! Glad you are liking my videos!
Hi Rihab, i try to send email but no response yet
@@vcevchannel1687 email about what?
Helpful
Glad you think so!
thank u
My pleasure!
Thank you mam
My pleasure ❤️
I am running craft 8.0 and all the options to add images to side of menu do not appear at all. I have searched and searched and just don't find them. Can you confirm whether you see them in craft 8.0?
I am describing that I have a great mega menu built but I cannot control the background or add images to the left. Also what setting exposes all lists? I have 6-7 menu items (one is all collections so it isnt so busy) and click the first one it opens huge area and shows first options, open second and first dissappears and second appears, this is fine and works but I rather like the one you were doing where all menus expanded at once.
How is your header options in the middle of the page mines stay next to my logo
This depends on the theme you are using and the different layouts it offers for the header section.
@@RihabSeb it also depends on resolution, have to be above 1600 to get dual menues.
best video
Thank you !
Hello, thanks for your video. This is tutorial how to set menu - its funktions. Is possible to custom in this Dawn theme visual appearance of the menu? I mean when I don't want to click on each item to expand the next category. I would like it to visually look like your model e-shop, according to which you did it. So that the menu expands automatically only after hovering with the mouse cursor. Is this possible to set in the Dawn template? Or is it not or will it help to download some add-on?
hoi i have a quastion ( when you click on women >> TOPS > BOTOMS > HEADWEAR and ther under SHOP BY ACTIVITY > FEATURED) ? how can i make this section? tnx
Hello dear,
You need to create 3 levels of menu tabs within your navigation. Watch the full video, I ‘ve explained how to do so
I added my header in menu in backend with pulldons as you described above but it doesn't load on front end. I have a Dawn theme with a changed picture. i did it correctly selected and saved but its not there?
Hello Janis, were you able to fix this?