Menu Close

How to create Drop down menu on your Shopify Website

  1. Knowledge Base
  2. Shopify

All the customers who come to your website will use all the links on the pages and in your menus to navigate on your Shopify website. You can make it very easy and simple for your customers to go through your store’s menu and all the links that appears in your online store Header, footer and the sidebar by customizing them.

All Shopify online stores has 2 default menus that appears on every page. They are the main menu and the footer menu. The location and visibility of the menus will depend your online store’s theme

The default main menu will have links to your catalog page and the home page. The search menu will be there in the footer menu by default.

 

How to add remove or edit the menu links

In order to make changes to the menu and the links, you have to go to the Shopify Admin Panel. The navigation page will have all the menus and the links within each menu. The links are shown in the order that they are displayed within the menu on your shopify website.

From the navigation page you can do the following

  • You can add a link to the menu
  • You can remove a link from the menu
  • You can edit the name of the link displayed in the menu
  • You can change the order of the links in the menu

 

How to add a link to the menu

  • Go to your Shopify admin panel and then click on “Online Store” and then go to “Navigation”
  • On the “Navigation Page”, click on the name of the menu that you want to edit
  • Then click on Add menu item
  • Once you click on add menu item, new menu item will show, there will be 2 fields, the first is the name field, enter the name that you want to add in the name field and it will be displayed in your menu
  • From the drop down menu, please select the link type
  • For every Collection or Product or Page or Blog a drop down menu will come on front of the link field. To select the specific destination, please select from the relevant dropdown menu
  • If you wish to open any web address, a text field will appear, in which you have to enter the destination URL of the webpage.
  • Once completed, save the menu

 

How to remove a link from the menu

  • Go to your Shopify admin panel and click on “Online Store” and then go to “Navigation”
  • Select the name of the menu which has the link that you want to delete
  • In the menu item section, you will find a Trash icon, which will help you to delete link
  • After deleting the link, please click on save.

 

How to edit the name of the link

  • Logon to your shopify admin panel, then go to your “Online Store” and then click on “Navigation”
  • In order to edit the name of the link, please click on the menu.
  • You can edit the link in the menu item section that you want to edit, select the text field and enter the new name that you want to keep for the link
  • After completing the above steps, please click on save.

 

How to change the order of the links in the menu

  • Logon to your shopify admin panel, then go to your “Online Store” and then click on “Navigation”
  • In order to change the order of the link, please click on the menu.
  • Once you are in the menu item section, the order of the links will be the same as they are getting displayed. You have to click and hold the handle icon next to the link, drag it to the new place to change the order of the link, either up or down
  • After completing the above steps, please click on save

 

How to create a drop down menu

  • Logon to your shopify admin panel, then go to your “Online Store” and then click on “Navigation”
  • Click on Add Menu
  • Enter the name that you want for your drop down menu, please make sure that the name of your drop down menu is same as your main menu link as this will become the name of your new drop down menu
  • You have to add links in the new dropdown menu. Select add menu item to add the link and the destination.
  • After completing the above steps, click on save

 
 
 

Smiley face




Leave a Reply

Your email address will not be published. Required fields are marked *