How To Create Drop Down Mega Menu On Shopify - Full Guide
Show More Show Less View Video Transcript
0:00
how to create drop-down mega menu on Shopify multi-level header menus
0:05
Hello everyone. Welcome back to another video. I hope you all are doing great and are having an amazing and absolutely
0:12
incredible day. I bring you back to yet another video. And in this video we're going to be talking in great detail and depth about how
0:19
you are going to be using Shopify in the easiest, most simplest way possible
0:23
and how you're going to use this incredible e-commerce tycoon to create a drop-down mega menu on Shopify
0:31
which is your multi-level header menu. Okay. And basically we're going to be making categories and subcategories under each
0:37
category, as well as products under each subcategory. And yes, you can do that actually without using any apps or anything like that. However
0:44
if you want to make it a bit customizable, you can show pictures of products and so on, just from the drop-down menu
0:50
you will need to use an app. And I will recommend use an app for like good artisting and stuff. And you know
0:57
app use an app that's really good and free, like, you know, baseline and stuff like that
1:01
So we're going to do it on the stock shop of my store and test it out on the
1:05
Shopify store. So yeah, I'm just going to do it on that
1:10
You know, not a lot of complex stuff like coding or not a lot of complex stuff like apps
1:17
and stuff. We're just going to keep it basic. We're just going to keep it pretty standard and we're going to get started
1:23
Okay. So the mega menu that we're talking about is basically something that appears
1:32
under either your drop-down menu, or it appears under your product menu. Okay
1:38
And those are basically, you know, small pictures of the variants of your products or categories or subcategories of
1:45
your products. They're all going to appear under the main product, which is pretty incredible. So to create a
1:54
you know, drop-down mega menu, what you're going to do is first of all
1:58
you are going to be coming over to your store over here
2:05
online store. Now let me show you what my general menu looks like
2:10
You know, it's pretty standard. You know, I've just added a few. So I've added this drop down over here, but it's not a mega menu
2:16
Is it? It's a pretty basic menu. Like it's just a basic drop-down
2:20
A mega menu should open up like this. It should be a whole menu covering the whole page
2:26
So how are you going to actually add a mega menu for yourself
2:32
In the start, I was pretty confused about this because, uh, adding a mega menu takes a lot of, um, you know, working
2:40
It takes a lot of consideration when you're working with it. So basically what you are going to do
2:49
come over to online store. You're going to come over to navigation
2:54
Once you go over to navigation, you're going to go over to main menu
3:00
Now, once you're in to your main menu over here, where you are going to be doing is we're going to go ahead and add menu items
3:10
Okay. Now, once you go on adding menu items, that is how you can, like
3:15
let's say I have this catalog and I've added a shirts catalog into it. So let's say I'm going to go and add menu item and in my catalog
3:22
I'm going to add something like a footwear. Okay. Now once you do that, you're going to go on search and paste a link
3:30
Now obviously you can't find footwear anywhere, right? Footwear should be in your pages. Now we can't find that
3:35
So how will you find footwear? Now, in the case we don't find it
3:41
you can just redirect it to your homepage because right now I'm just going to
3:45
give you an example. But if you want to create an actual navigation for that
3:49
you are going to go in pages and create a page for footwear. So now what you're going to do is you're just going to drag it under one point
3:56
So I'm going to drag it under my catalog. I'm going to keep on adding more things because obviously this is just two
4:02
I'm going to add more. So let's say I'm going to go with jewelry
4:07
Okay. Again, search or paste link. I'm going to add it on the homepage again
4:13
There we go. Add a few more. You know, this is just not enough. I'm going to go with the hoodies
4:20
And once we do this, I'm just going to go with one more
4:24
which is going to be jacket. And once I go with that singular one more item
4:30
we're going to be good to go. So basically these kinds of things are really fun and easy to do
4:36
And this is just us adding, you know, standard, you could say, yeah, standard items into our navigation
4:46
Now, once you've created a navigation that is set to be this big
4:51
you can also link your navigation to your actual products. Okay. And once you link your actual navigation to your actual products
5:00
you're just going to go ahead. Like, let's say in jackets, you have a leather, black leather jacket
5:11
Okay. You're going to come here. They're going to go into your products
5:15
And you know, wherever in your products, you have the black leather jacket. Like let's say this is my black leather jacket. I'm going to click on add
5:21
Now, once you click on add, you're going to add it right under jackets. So it's going to create a mega dropdown menu for
5:29
jackets. Then you can add another, or let's say in hoodies, we have like premium
5:40
hoodie. Okay. I'm just going to call it that. Then we're going to search your baseline, go on products
5:46
And my second product right here, I'm going to click on add. And once you click on add, there we go. Premium hoodies
5:52
We're going to add a right under hoodies. So, you know, you can create dropdowns like this
5:56
So I'm just going to do all of that and click on save menu. Now, once you create a dropdowns of these calibers and we've
6:04
saved these things, what you're going to do from here is you're going to finally come over to your online store. And once you come over to your online store
6:12
let's view how it looks in contrary. So we're going to go over to catalog. Obviously it doesn't get saved right now
6:19
So I'm just going to keep reloading the page. There we go. So now it's saved
6:23
So look at that. So it created a good dropdown from there, right
6:27
But we want an actual big dropdown. We don't want this kiddie dropdown
6:33
So I'm just going to go into customize. And once we customize from here
6:39
so finally what you're going to do is obviously you're going to come over to your header. Once you come over to your header
6:45
obviously you have your desktop menu types. You're going to change from dropdown, which is obviously what it generally is
6:53
You're going to change it to mega menu. Once you change it to mega menu, you're going to click on save
6:59
Once you click on save, look at that. There is your basic mega menu with shirts, footwear
7:06
jewelry, and there are your subtle subcategory products. So how cool does that look
7:12
So that is how you're going to create a dropdown mega menu on Shopify with multi-level header menus. So again
7:19
let's go ahead to the viewing of our online store. And if you come into the viewing of your online store
7:26
you are going to start to see the change in you know
7:31
everything, and it's going to look really incredible. So come over here
7:35
hover over it, open it up and look at this. How incredible
7:40
So yeah, that is how you're going to be creating a dropdown navigation menu in the
7:45
easiest, most simplest way for yourself. Now, if you enjoyed that, please do make sure to drop down a like and subscribe to this channel
7:53
And if you want to see more videos like this in the future, let me know down in the comments below and I'll make more for you
7:58
Till then, that's pretty much about it. Thank you for watching this video all the way till the end, and I will see all of you incredible people next time. Goodbye
#Software
#Shopping
#Apparel
#Clothing Accessories
#Footwear
#Custom & Personalized Items

