Course Information
Course Overview
Build fully custom Shopify themes with Shopify CLI 3.0 using HTML, CSS, JavaScript, JSON, and Liquid.
Step into the world of Shopify theme development with version 3.0 of Shopify CLI! Whether you're a developer, entrepreneur, or designer, this course is your gateway to mastering Shopify’s powerful platform and creating completely custom e-commerce themes. Using HTML, CSS, JavaScript, and Liquid, you’ll learn how to build feature-rich Shopify stores from scratch.
We’ll start with the basics, guiding you through the essentials of Shopify’s CLI, Theme Editor, and Liquid templating language. Then, you’ll learn how to build a fully functional e-commerce site, including homepages, collection pages, product pages, and search features. Plus, we’ll explore advanced techniques like implementing live-updating carts with AJAX, currency switching, color swatches, and more!
By the end of this course, you'll be equipped with the skills to create and customize themes for personal projects, clients, or even a Shopify career. Shopify Theme Development 3.0 is your all-in-one guide to designing and developing stunning e-commerce sites!
What you’ll learn:
How to use Shopify CLI 3.0, Theme Editor, JSON templates, and Liquid.
Build fully customized e-commerce websites with Shopify.
Create dynamic, AJAX-enabled carts and product displays.
Implement advanced theme features like live search, currency switching, and product variants.
Turn design ideas into functional Shopify themes.
Course Content
- 8 section(s)
- 43 lecture(s)
- Section 1 Course Introduction
- Section 2 Setting up development store
- Section 3 Chapter 1
- Section 4 Chapter 2 Collection Page
- Section 5 Chapter 3 Product Page
- Section 6 Chapter 4 Cart
- Section 7 Chapter 5 Search
- Section 8 Chapter 6 Finalise Product Page
What You’ll Learn
- Build Shopify themes from scratch using CLI 3.0, Liquid, HTML, CSS, JavaScript, and JSON for full customisation.
- Design dynamic layouts with interactive carousels, hover effects, banners, and responsive grids.
- Create advanced product pages featuring custom variants, selectors, AJAX updates, and seamless user interaction.
- Develop interactive carts with real-time updates, quantity adjustments, and item removal for smooth checkout.
- Implement custom search features to help customers find products easily and improve store navigation.
- Use metafields and JSON templates to make adaptable themes suited to various store needs.
- Gain career-ready Shopify skills through hands-on projects and build a portfolio to impress clients.
- Integrate APIs and automate features to enhance functionality and improve user experience in your store.
- Complete real-world projects to showcase your skills in designing high-quality, professional Shopify themes.
Skills covered in this course
Reviews
-
KKrzysztof Piwowarczyk
Too much distracting noise in the background is a bit tiring.
-
FFrancisco Duran
falto mas profundización de las cosas
-
CChristoph Rauch
What should I say. For a beginner it is realy confusing. Part2 ==>He skipped, how to correctly pull a theme with the command line Part3 1th Video ==> he said, header-shipping-bar.liquid is the document do manipulate the header section, but it doesnt work. As a newbie I would say, you need a .json file to load the liquid file to manipulate the structure
-
JJoshua David
He skipped a lot of steps (how he added the Dream-logo), he failed to provide the logo asset file, with the entire assets. He just kept typing over 200 lines of CSS without explaining and showing the effect on the browser (how do we know what style affects what?). This course is not beginner friendly in anyway. I am basically using YouTube to augment my knowledge. Ankit, kindly do better next time.