You can enrich the online store menu navigation by adding pages, product categories, blog posts, and even other external links to offer customers faster shortcuts to the pages they are interested in.
This article will cover the following:
1. General menu navigation management
The menu navigation is displayed in the top section of the store page.
| Pages |
Display the pre-established pages in the store. For details, please refer to Pages Management. |
| Product Category |
Display the products in a selected category. For details, please refer to Set Up a Product Category. |
| Blog Posts |
Display the store's blog posts. For details, please refer to: |
| [Coming Soon] Blog Categories |
Display the article category for blogs. For details, please refer to Article Category｜Blog. |
| External Link |
Link to other websites, such as Facebook Pages. |
| Promotion Campaign Page |
Display the event page of the promotional campaigns. For details, please refer to Promotion Page Settings. |
*Notes:
- 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.
In the SHOPLINE Admin, go to [Online Store Design] > [Menu Navigation] > [Basic Menu] and click Edit.
i. Drag to change the menu order
Drag to change the sorting order of the menus.
ii. Add a new menu item
Click Add to create a new menu item in each section. There are 6 types: Page, Product Category, Blog Posts, [Coming Soon], Blog Categories, 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
You can now set up the third-layer menu on your store to display even more information.
*Note: The feature is only available for Ultra Chic, Kingsman, Doris Bien, Bianco, Sangria, Skya, Varm, Philia, and new theme templates launched later.
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 3.
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 | SHOP Builder.
*Note: Please adjust the menu position in SHOP Builder which is currently available for Ultra Chic, Kingsman, Varm, and Philia theme templates.
Read more
- Advanced Menu | Menu Builder
- Announcement Bar / Header Settings | SHOP Builder
- Customized Shop Footer
Comments