Menu Navigation

4. EC + SC (EN).png

You can enrich the online store menu navigation by adding pages, product categories, blog pages, and even other external links to offer customers faster shortcuts to the pages they are interested in.

In this article, you'll find:

1. General menu navigation management

You can add the followings in "Menu Navigation":

  • Pages
    • Display the pre-established pages in the store. For details about "Online Store Pages", please see Pages Management.
  • Product Category
  • Blog posts
    • Display the store's blog posts. Please see this article for details.
  • External Link
    •  Link to other websites, such as Facebook pages. 
  • Promotion campaign page


  • The Social Commerce plan currently does not support adding or deleting the menu. Only editing is available.
  • The position and display of the main menu may differ from theme templates.


A. Drag to change the menu order

In the SHOPLINE Admin, go to [Online Store Design] > [Menu Navigation] to set the menu item and select the page. Drag Screenshot_2023-04-19_at_5.10.37_PM.png to change the sorting order of the menus.



B. Add a new menu item 

Click Add to create a new menu item on each section. There are 5 types: Page, Product Category, Blog Posts, External Link and Promotion Pages. 



2.Sub menu

You can add sub-menu items to display more content on the website. 



Drag to change the menu order 

Click  on the left of an item to make it a sub-menu item of the item above.



Click to reverse this change to make a sub-menu item a primary menu item.



3. Third Layer Menu

The feature is only available for Ultra Chic, Kingsman, Doris Bien, Bianco, Sangria, Skya, Varm, Philia and new theme templates later launched.

You can now set up the third layer menu on your store to display even more information.



Step 1. Check your plan 

In SHOPLINE Admin, go to [Hello, OOO] > [My Subscription & Billing] to see details of your current plan and modules. 

There are Plans and Modules under the "Paid Subscription". Please first check if your store is using the e-Commerce or Social Commerce plan. If so, please skip to step 2.


If you are using the Basic, Advanced, Premium, O2O, or Enterprise plan (as shown below). Please confirm whether your store is using O2O or Enterprise plan.



Step 2. Install the App

After confirming you have the correct plan, in the left-hand menu in SHOPLINE Admin go to [Apps] > [App Store] and search for and install the "3-layer Navigation" application.



Step 3. Set up the third layer menu

After the app is installed, please head to [Online Store Design] > [Menu Navigation], you can move a menu to the third layer by clicking or dragging it to the right of a second-layer menu.  



4. Menu position

To adjust the location and alignment of the online menu navigation, please see Announcement Bar / Header Settings | Page Builder (New).

*Note: Please adjust the menu position in the new page builder which is currently available for  Ultra Chic, Kingsman, Varm, and Philia theme templates.



Read more






Have more questions? Submit a request