What’s up, guys? I’m going to go and show you part 2 of how to make dropdowns with inside Shopify. Part 1 which you can watch right here will go over the basic ideas on how to make dropdown menus, but some themes support mega menus, so those big wide menus where you have a category header and then you have subcategories underneath them across the way, that’s what I’m going to go ahead and show you how to add in today. I’ll put a link down below to the pipeline theme, which is the theme that I’m using to do these mega menus. Great theme. Lots of, lots of options. This is the one that I use for most of my demos. Let’s hop over to the screen now, and we’ll go over how to do that.

Okay, so how to make multiple dropdown menus. If you have a look at this theme, you’ve got the option to have a regular dropdown, but you also have the option to have a mega dropdown. Not all themes support this, but I’m going to show you in this video on how to enable it if you are on a theme that does support it.

The first thing you want to do is you want to go over to your dashboard, and we want to go to Navigations. Now, as in my previous video, I showed you how to do regular dropdown menus, where we created this welcome, and then we created the dropdowns underneath it. I am now going to create additional dropdowns that go underneath those. The way the navigation works on another level is anything that’s inside any one of these handles, so if you create any menu that has the same handle as the title above it, then it will show up down below. I’m going to add a menu here, and I’m going to add a menu called T-shirts. You can see the handle here. This is going to match the previous one on the other page. The first thing I’m going to do is short-sleeve and long-sleeve. I’ll set this to a different product here, and we’re going to go to the long-sleeve. Save that menu.

What we can see now is if we go over here and we refresh it, when we go over top of the welcome, you see we now get a mega menu, and it breaks it up into t-shirts and shorts, and short-sleeves and long-sleeves. If we wanted to add more to this, we could do that. We can simply go to navigations, and let’s add Edit Menu Here, and add another item. We’ll call this pjs, and we’re going to go Sport Shirts. Now, when we go over here and refresh it, we’ll see that we have T-shirts that are pjs that are [short shirts 00:02:44] and then they’re shorts. Depending on how your theme is set up, it’s going to lay it out slightly differently, but basically how this works is it works for your handle, iterates through the items that go below it, and then goes on to the next one, so you can have cascading lists farther and farther down in your theme.

That’s pretty much it for double navigations. Let me know if you have any questions in the comments, and I’d be happy to help you.

Thanks, guys. Like always, you can click up here to subscribe. If you have any questions, you can always hit me up in the comments, or you can book a call with me, and I’d be happy to talk to you about your project.

Leave a Reply

You must be logged in to post a comment.