How to Create Shopify Menu

Aug 6, 2020

67 Denis Husachok

How to Create Shopify Menu

The main menu of your store can navigate your customers to any page on your site, such as product pages, collection pages, store policies and blog posts. It commonly appears as a list of items across the header or in the sidebar. The location of the menu and its appearance usually depend on the theme that you use, but it also can be fully customized.

How to create Shopify drop down menu
How to add sub menu in Shopify
How to create mega menu Shopify
How to enable Shopify sidebar menu

How to create Shopify drop down menu

You can add a Shopify drop down menu to group and organize similar items such as products and collections in your store. With this option customers can find the type of products they’re searching for at once, improve navigation of your store and make it easier to follow. In order to create a menu you need to proceed to
Online store Navigation in the Admin panel.

 

Shopify dropdown menu

 

And then you need to press the Add menu button.

 

shopify megamenu

 

In this window you can see the following configurations:

  • Title – the name of the menu
  • Handle – the menu id, in order to use it where needed in future
  • Menu items – the elements of menu

 

create shopify dropdown menu

 

To add a new item to the menu you have to press Add menu item.

 

create shopify menu with images

 

Then you have to fill in the Name field in the new window.

In the Links field, you can set a link to the inner website resource such as homepage, collections, products, special pages, search pages, politics pages, blogs, blog pages, etc.

To create a subitem in the menu create one more menu item. Then you have to move it with the mouse button under the relevant menu item.

 

sub menu in shopify

 

To publish this menu on the website you have to switch to the page builder of your website in the Header section. You can learn how to do it in our article about Shopify themes.

In the Menu field, in this section you have to press Change and select a new menu.

 

sub menu in shopify creation

 

Ready! Your menu has been added to the website.

 

shopify megamenu creation

How to add sub menu in Shopify

You can use the sub menu to create the two-level navigation hierarchy for your store. This useful function will improve the menu’s appearance and help avoid trouble fitting all the pages into the main menu. Using Liquid you can also create a nested menu with three levels that lets users “drill down” and find the product or the collection they need.

Once your customers find the product they are looking for, let them select an item on the product page with a product dropdown menu which is a good alternative to radio button options. Sub menu is impossible to add in a common way. There are a few other ways how you can do it. You can either create your own menu model, install a third-party one or install a third-party menu that has such a menu.

How to create Shopify mega menu

If you have a large store and plenty of pages then creating a custom mega menu is a right decision. It will simplify the search and navigation for users. It is an expandable menu in which many choices are displayed in a two-dimensional dropdown layout. Mega menu, unlike the dropdown menu, offers all options in one mega panel and can cover the whole store in a single click.

To create mega menu you have to build the following structure:

 

How to create Shopify mega menu in a few steps

How to enable Shopify sidebar menu

You can change the location of the main menu by removing it from the header and adding it to the left or right side of the website. Make sure that your theme supports a Shopify sidebar menu. If the theme doesn’t have this option, you can also program this feature while customizing your theme.

A standard Shopify theme doesn’t have a sidebar menu. But do not worry, you can add a sidebar to your shop in a different way. The easiest option is to find and buy a ready-made Shopify theme which already includes an adjustable sidebar.

If you do not want to entirely rebuild your site and just want to add a sidebar, you can use a third-party module that you can find in the Shopify apps store.

Turn to BelVG for Shopify store customization and get a UX-friendly menu!

Andrey Dubina

Partner With Us

Looking for a partner to grow your business? We are the right company to bring your webstore to success. Talk to Andrey

Post a new comment

BelVG Newsletter
Subscribe to our mailing list and get interesting stuff and updates to your email inbox.
Email *