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

Shopify Product Page Customization Tutorial | Complete Shopify Course #10

Progressors

0:00 / 0:00

Shopify Product Page Customization Tutorial | Complete Shopify Course #10

331 просмотр · 1 месяц назад
Progressors
287 подписчиков
331 просмотр · 1 месяц назад
Shopify Course Series — Lecture 10: Shopify Product Page Customization Welcome to Lecture 10 of the Shopify Course Series by Progressors. In the previous lecture, we learned how to use the Shopify Theme Customizer and explored how sections and their properties can be customized. Now, we are going one step further and working specifically on the Shopify Product Page. In this lecture, we will customize the Product Information section of the Shopify product page and explore different settings available for individual product-page elements. We will learn how to customize the product image gallery, image aspect ratios, rounded corners, product title, price, margins, spacing, FAQ section, marquee text, and product recommendations. We will also use ChatGPT to generate helpful FAQ content and check the customized product page on mobile and on the live store. The goal of this lecture is to show you how you can take a basic Shopify product page and customize its appearance, structure, and content to create a cleaner and more professional eCommerce experience. What You'll Learn in This Lecture How to customize the Shopify Product Page Understanding the Product Information section How to switch between product image grid and carousel layouts How to adjust product image aspect ratios How to add rounded corners to product images How to customize product title font size How to customize product price font size How to control margins and spacing How to add an FAQ section to the product page How to use ChatGPT to create FAQ content How to add marquee text How to add a You May Also Like section How product recommendations can help with upselling How to check the product page on mobile How to test the final product page and Add to Cart functionality How to customize product-page sections using Shopify Theme Customizer This lecture continues directly from Lecture 9, where we learned the fundamentals of the Shopify Theme Customizer. Practical Workflow Shopify Theme Customizer → Product Page → Product Information → Customize Elements → Add Sections → Mobile Preview → Live Product Page In this lecture, we focus specifically on turning the default Shopify product page into a more customized and conversion-friendly product page. Video Chapters / Timeline 00:00 — Introduction to Lecture 10 00:42 — Product Media & Gallery Layouts 01:08 — Adjusting Product Image Aspect Ratio 01:27 — Adding Rounded Corners to Product Images 01:51 — Customizing Product Title Font Size 02:33 — Customizing Product Price Font Size 02:45 — Adjusting Margins & Spacing 03:51 — Adding You May Also Like / Product Recommendations 05:39 — Adding an FAQ Section 07:34 — Using ChatGPT to Generate FAQ Content 09:06 — Checking the Product Page on Mobile 10:59 — Adding Marquee Text 11:36 — Testing the Live Product Page & Add to Cart 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...   Shopify Course Series #6 — Shopify Menu & Footer Customization    • Shopify Course Series #6: How to Create Sh...   Shopify Course Series #7 — Create Shopify Banners, Logo & Favicon with ChatGPT    • Shopify Course Series #7: Create AI Banner...   Shopify Course Series #8 — Create Shopify Policy Pages with ChatGPT    • Shopify Course Series #8: Create Policy Pa...   Shopify Course Series #9 — Shopify Theme Customizer Explained | Sections, Theme Settings & App Embeds    • Shopify Course Series #9: Shopify Theme Cu...   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 #shopifyproductpage #shopifyproductpagecustomization #shopifycustomizer #shopifytheme #shopifytutorial #shopifyforbeginners #learnshopify #shopifyproduct #shopifydesign #shopifycustomization #shopifyecommerce #ecommerce #onlinestore #shopifytraining #shopifyupselling #progressors