Перейти к содержимому

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