#1 TikTok Ads Spy Tool

A Better Way to Make TikTok Ads Dropshipping & TikTok For Business

  • Find TikTok winning products & TikTok dropshipping ads.
  • Analyze TikTok advertisers
  • Get the Latest TikTok Shop Data.
Try It Free

main menu function shopify

Published on: July 6 2023 by pipiads

In this video, Ori from Astral Web showcases the Shopify navigation menu setup. The purpose of the video is to show viewers how to manage their header and footer links.

To manage the header and footer links, users need to go to the online store and then navigation. By default, there are two things to manage - the main menu (header) and the footer. However, the theme chosen will affect what other things can be created, such as sidebars.

To make changes, users simply need to click on the main menu, where they will see the title and links such as home, brands, menu, men's, women's, and contact us. To add a new link, users can type in the URL or search for a specific page and then click add. Users can also add levels to links to create sub-menus.

To reorder links, users can drag and drop them into the desired location. Once changes are made, users need to save them. However, it may take a few seconds for changes to take effect.

The footer menu is similar to the header menu in terms of managing links, but the layout may differ based on the theme. Users can add search and footer links as needed.

Overall, managing header and footer links in Shopify is easy and straightforward. Users can make changes quickly and easily to create the desired menu layout.

How to create drop-down menus || Shopify Help Center

Drop down menus can be a useful tool in organizing products, collections, and pages in your online store's main menu. This article will provide step-by-step instructions on how to create drop down menus for your Shopify store.

Creating a First-Level Nested Menu Item:

1. Start in the Shopify admin and click on Online Store, then Navigation, and then Main Menu.

2. If you haven't created the menu item that you want to nest, click Add menu item, give it a name, and link it to an existing collection or page.

3. To nest a menu item, grab the icon next to it and drag it up and to the right under the top-level menu item.

4. Repeat step 3 for all menu items that you want to nest under the same top-level item.

5. Click Save and then the eye icon next to Online Store to see the nested menu on your store's homepage.

Creating a Second-Level Nested Menu Item:

1. Click and hold the six-dot icon next to the collection that you want to nest under a first-level menu item.

2. Move the collection under and to the right of the first-level menu item.

3. Click Save and then preview the change on your store's homepage.

By following these simple steps, you can create drop down menus for your Shopify store, making it easier for customers to navigate and find what they're looking for. Remember to subscribe to the Shopify Help Center for new tutorials every week and visit help.shopify.com for more information and support.

12 Activating the Shopify store from the main menu

In this article, we will be discussing how to add a functional link within our WordPress site by creating a menu item that triggers the Shopify store. We will be using the Shopify JavaScript code in the header section of our child theme header dot PHP file.

Adding the Trigger Link:

- We have already added the Shopify JavaScript to the header section of our child theme header dot PHP file and tested it.

- Now, we need to add a more functional link within our site by creating a menu item that triggers the Shopify store.

- To do this, we need to look at the trigger link that we created earlier.

- The trigger link is just a regular HTML link with the a tag and the href attribute pointing to the link target.

- In this case, the link target is not a URL, but an HTML ID (pound Shopify dash store).

- We are not navigating away from the page, but just pointing to the content within that page (modal window).

Adding the Menu Item:

- Copy the target code (pound Shopify dash store) from the trigger link.

- Go to the WordPress toolbar, select menus, and add a new menu item.

- Under URL, paste the target code without the HTTP part.

- Give the link a name (store) and click Add to menu.

- Rearrange the link as a subordinate of the main menu item and click Save menu.

Now, when we click on the store button on our WordPress site, the Shopify store opens seamlessly without actually leaving the site. This can be achieved using the JavaScript in the header file and triggering it using a regular WordPress menu item. The possibilities are endless as we can create links that point to that ID anywhere on our site. We can use the power of a child theme to integrate more closely with Shopify and import content into our WordPress site. We can then use a child theme to display that content in a completely different way.

How To Set Up The Shopify Navigation Menu

In this lesson, we will learn about the navigation menu and how to create links on your website's top and footer menus. We will also link those menus to legal pages created in the previous lesson. This will help to make your website look more professional and trustworthy, and ultimately, close more sales.

Navigation Menu:

- The navigation menu is where you can create links to your website's top and footer menus.

- To access the navigation menu, go to the online store on the Shopify dashboard and click on Navigation.

- The main menu is at the top, and the footer menu is at the bottom.

- Fill in the relevant pages and links that were created in the previous lesson.

- To delete unwanted links, click on the three dots and remove them.

Footer Menu:

- Click on the footer menu to add links to legal pages such as Privacy Policy, Refund Policy, Shipping Policy, Terms of Service, and Frequently Asked Questions.

- Click on Add Menu Item, then scroll down until you see Policies and add the relevant pages.

- Click on Add Menu Item again, but this time select Pages to add About Us to the footer menu.

- Click on Save to save changes made to the footer menu.

Main Menu:

- Click on the main menu to add links to the Home page, Products page, and Contact Us page.

- To change the name of Catalog to Products, click on the Catalog link and edit the name.

- Click on Add Menu Item and select Contact Us to add it to the main menu.

- Click on Save to save changes made to the main menu.

By following these steps, you can create a professional-looking navigation menu for your website. Linking legal pages and other pages to the menu will help build trust with your customers and increase sales. Your assignment for this lesson is to set up your navigation menu and link all the pages and store policies created in the previous lesson. In the next lesson, we will discuss store currencies and payment providers.

Smart Menu Full Tutorial: How to build your Shopify store's menu in 10 minutes

Welcome to Smart Menu! With our easy-to-use platform, you can create a clearer and more professional menu to replace your store's default menu.

Building Your Menu:

1. Click on the Add a New Menu button on the left panel or New Menu on the right preview.

2. Choose a blank and simple tab or select a template from our library.

3. Configure basic settings for your top menu item, such as layout and title.

4. Select a menu type, such as fly-out, mega, or tabs menu, and adjust width, height, direction, or position.

5. Add root and sub-items to your menu using the left panel or right preview.

6. Use advanced settings to enable features such as masonry layout, background color, and text color.

7. Preview and save your menu.

Replacing Your Current Menu:

1. Choose a current menu on your store to replace with Smart Menu.

2. Select from Shopify navigation or use CSS selector.

3. Configure animation and trigger to view your menu.

4. Style visual elements of the top menu and sub-menu.

With Smart Menu, you can easily create a professional-looking menu for your store. Our platform offers a variety of menu types and customization options to fit your needs. Plus, our support team is always available to assist you. Try Smart Menu today!


- The article discusses how to change the menu theme of an online store to a mega menu.

- Mega menus are preferred because they are beautiful and make it easier for customers to find products.

- The article will provide step-by-step instructions on how to structure the menu, change the image, and add the code for the mega menu.

Structuring the Menu:

- Click on Online Store and then Navigation.

- The main menu is the parent item with child and grandchild items.

- Use link lists to structure the menu.

- Make sure the menu is clickable and leads to the right page.

Changing the Image:

- Go to Settings and then Files.

- Upload the new image and replace the old one.

- Edit the menu title by getting rid of unnecessary words.

Adding the Mega Menu Code:

- Find Sections and then Header.

- Copy and paste the style tag code.

- Find the unordered list tag and replace it with the mega menu code.

- To make the desktop version work, replace the nav code and refresh the page.

- The article provided simple instructions on how to change the menu theme to a mega menu.

- It is a free and easy way to improve the customer experience on an online store.

- If there are any issues, reach out to the support team for assistance.

Shopify Basics and Navigation for Beginners - Shopify Tutorial 2021

In this video, we will be exploring the Shopify dashboard and all its features. We will be starting where we left off in our previous video where we created and launched our store.

Features on the Dashboard:

1. Orders

2. Products

3. Customers

4. Analytics

5. Marketing

6. Discounts

7. Third-party applications

Profile and Store Settings:

1. Manage account

2. Security

3. Additional storage

4. Personal information

Tutorials and Documents:

1. Video tutorial on getting started

2. Designing your online store

3. Adding a domain

4. Reviewing your store settings

5. Community for asking questions

Using the Dashboard:

1. Home

2. Orders

3. Products

4. Customers

5. Analytics

6. Marketing

7. Discounts

8. Third-party applications

Adding Products:

1. Add product

2. Completing product information


1. Adding customers

2. Importing customers from a spreadsheet


1. Reports

2. Live view


1. Creating campaigns

2. Linking marketing apps

3. Creating custom discount codes

Third-party Applications:

1. Importance for business

2. Free and paid applications

In the next video, we will be adding our theme, exploring sales channels, and important settings for our store. If you like these videos, consider liking and subscribing for future content. Thank you for watching.

Start your free trial today!

Try Pipiads free for trial, no credit card required. By entering your email,
You will be taken to the signup page.