Shopify Course Series #6: How to Create Shopify Menus | Header & Footer Navigation | Progressors
Progressors
0:00 / 0:00
Shopify Course Series #6: How to Create Shopify Menus | Header & Footer Navigation | Progressors
130 просмотров · 1 мес. назад
Progressors
288 подписчиков
130 просмотров · 1 мес. назад
Shopify Course Series #6: How to Create Shopify Menus | Header & Footer Navigation | Progressors
Welcome to Lecture 6 of the Shopify Course Series by Progressors. In the previous lectures, we created our Shopify store, explored themes, added products, created collections, and learned how to organize products inside those collections. Now it's time to connect those collections with the actual navigation of our Shopify store.
In this lecture, we will learn how to create and customize Shopify menus and use them to display our collections in the header and footer of the website.
In the earlier lectures, we added products using reference products from Daraz and created proper collections for organizing those products. Now that our collections are ready, we need to make them accessible to visitors.
To do this, we will work with the existing Main Menu and Footer Menu in Shopify. We will edit these menus, add links to our collections, organize the navigation items, and then display the updated menus in the header and footer of our Shopify store.
This is an important step in Shopify store development because your products and collections may already exist, but customers need an easy way to navigate through your website and find those products.
In this practical Shopify tutorial, you will understand the complete flow:
Products → Collections → Menu Links → Header/Footer → Storefront
If you are following the complete Shopify Course Series, this lecture builds directly on the collections we created in the previous lessons.
What You'll Learn in This Lecture
What are Shopify menus?
How Shopify navigation works
Understanding the Main Menu
Understanding the Footer Menu
How to edit an existing Shopify menu
How to add collection links to a Shopify menu
How to organize collection links
How to add collections to the header navigation
How to add collections to the footer navigation
How Shopify menu links connect to collection pages
How to display navigation menus on the storefront
Creating a better navigation structure for your Shopify store
Practical Workflow
In this lecture, we will take the collections we have already created and connect them to our store navigation.
Step 1 — Open Shopify Navigation
We access the existing menu settings in our Shopify store.
Step 2 — Edit the Main Menu
We modify the existing Main Menu and add our required collection links.
Step 3 — Add Collection Links
Our previously created collections are added as menu items so visitors can easily access them.
Step 4 — Edit the Footer Menu
We also update the existing Footer Menu and add the relevant navigation links.
Step 5 — Display the Menus
Finally, we make sure these menus are displayed in the appropriate areas of the Shopify storefront, including the header and footer.
Video Highlights / Chapters
00:00 — Introduction to Lecture 6
00:30 — Quick Recap of Previous Lectures
01:00 — Our Products & Collections So Far
01:30 — Why Shopify Navigation Is Important
02:00 — Understanding the Shopify Main Menu
02:40 — Editing the Existing Main Menu
03:30 — Adding Collection Links to the Menu
04:30 — Organizing Shopify Menu Items
05:15 — Understanding the Footer Menu
06:00 — Adding Collections to the Footer Menu
07:00 — Displaying Menus on the Shopify Storefront
08:00 — Checking Header Navigation
08:30 — Checking Footer Navigation
09:00 — Final Shopify Navigation Setup
Adjust the timestamps to your final edited video before publishing.
Related Shopify Course Videos
Shopify Course Series #1 — Shopify Store Setup
• Shopify Course Series #1: Complete Shopify...
Shopify Course Series #2 — Shopify Themes Explained
• Shopify Course Series #2: Shopify Themes E...
Shopify Course Series #3 — How to Add Products to Shopify
• Shopify Course Series #3: How to Add Produ...
Shopify Course Series #4 — Shopify Collections & Tags
• Shopify Course Series #4: Collections & Ta...
Shopify Course Series #5 — How to Add Products to Collections
• Shopify Course Series #5: How to Add Produ...
Complete Shopify Course Series Playlist
• Shopify Course Series | Beginner to Advanc...
About Progressors
Progressors provides practical tutorials and courses covering Shopify, WordPress, eCommerce, digital marketing, freelancing, Canva, vibe coding, MERN Stack and web development.
Subscribe to Progressors and follow the complete Shopify Course Series to learn how to build and customize a Shopify store practically from scratch.
#shopify #shopifycourse #shopifycourseseries #shopifymenu #shopifymenus #shopifynavigation #shopifyheader #shopifyfooter #shopifytutorial #shopifyforbeginners #learnshopify #shopifystore #shopifycollections #shopifytheme #shopifycustomization #shopifytraining #shopifyecommerce #ecommerce #onlinestore #progressors