Customize the Magento 2 Checkout
Checkout customization looks fragile. It is just another UI Component tree.
Modifying Magento's checkout feels like defusing a bomb. One wrong change and the whole flow breaks, usually somewhere you didn't touch.
The checkout is a tree of UI Components and a set of totals, shipping, and payment steps that all depend on each other's state. A field you add in one step can silently break validation two steps later, because the checkout doesn't fail loud -- it just stops moving.
This course takes the checkout apart one step at a time.
Adding a custom field first, then a new step, then custom validation and payment logic. Each lesson ends with a checkout you can walk through in the browser and confirm still works.
This is step two of advanced development. When you finish, Admin Grids & Forms is next, because it is the same UI Component pattern applied to the admin panel. It is also included in the University.
You leave able to change the checkout without holding your breath.
Meet the instructor
Mark Shust has over 25 years of real-life development experience and holds 6 Adobe Commerce certifications. He has helped tens of thousands of developers all over the world learn and improve their Magento skills through courses, lessons and tutorials.
Mark's passion is taking complex topics and simplifying them down into easy-to-understand concepts. He enjoys teaching others, and strives getting you to that "ah ha!" moment as quickly as possible.
Excellent content. Clear, objective and very detailed.
You have no idea how much your courses have helped me professionally.
Foundational excellence
Step-by-step
This course breaks down Magento's complexities into easy-to-understand lessons that teach you exactly what you need to know, when you need to know it.
And you'll also not only get full access to the underlying source code which you can reference for years to come, but also a 24/7 Magento AI tutor to help you out when you get stuck.
Full 30-day money-back guarantee. Learn risk-free.
- Checkout initialization and rendering
- Unravel the mysteries of how Magento bootstraps and renders the checkout, giving you the foundational knowledge to make informed customizations.
- Address form field manipulation
- Learn to reorder, customize, and validate checkout fields, providing a tailored experience that meets specific business requirements.
- Checkout step customization
- Customize existing checkout steps and create new ones, allowing you to craft a unique checkout flow that enhances user experience and conversion rates.
- UI component modification
- Dive deep into extending and customizing UI components, so you can build a checkout interface that fits the store.
- Checkout config providers
- Harness the power of config providers to dynamically inject data into the checkout process, opening up new possibilities for personalization and functionality.
- Custom shipping attributes
- Learn to create and integrate custom shipping attributes, allowing you to capture and utilize unique data throughout the checkout process and beyond.
Thanks so much for the Magento courses. They are clear, crisp, immersive and insightful. You have earned a lifetime student.
Prerequisites
Solid understanding of the Magento 2 core
Proficiency in JavaScript M2 fundamentals
Knowledge of UI Components in Magento
Running Magento 2.4+ dev environment
Everything to succeed
- Magento 2.4+ support
- Commerce 2.4+ support
- 45 step-by-step lessons
- 3h 33m of on-demand video
- Full source code
- Ability to ask tech questions
- Access to Maggie, the AI tutor
- Enhanced lesson transcripts
- Tech-friendly closed captions
- Multi-language support
- Certificate of completion
- Lifetime access
What you'll learn
Each video lesson can be played back & referenced as many times as you wish at slow or fast speed.
Perfect AI-enhanced tech-friendly closed captions available in 9 languages:
🇺🇸 ENEnglish🇪🇸 🇲🇽 ESSpanish🇵🇹 PTPortuguese🇫🇷 FRFrench🇩🇪 DEGerman🇵🇱 PLPolish🇮🇹 ITItalian🇺🇦 UAUkrainian🇷🇸 SRSerbian
The curriculum was expertly curated using our proprietary linear learning methodology. This ensures concepts are taught in the correct order, so you never feel lost or overwhelmed.
Advanced development, step 2
You are here: Customize the M2 Checkout. When you finish, the next course on the path is below.
Includes our Magento AI tutor
Get instant, personalized support when you need it most, ...available from any lesson in this course.
- Answers any hour, in 183 languages
- Accessible from every lesson in this course
- Links the related lessons for you
Who should take this course?
Thank you so much for the wonderful course. The way you drill down the checkout process is awesome. It helped me to understand the whole checkout process, the related UI Component layer, and extending core JavaScript files.
Choose your learning path
Start with this course, or take the whole path with the University.
Team
Up to 5 developers on the same course, one checkout.
- Everything in Individual
- Onboard up to 5 developers
- Save with a team rate
- Priority support
- 30-day money-back guarantee
Individual
Enroll in this course and put these skills to work right away.
- License for a single user
- One payment, keep it for good
- Lifetime updates included
- Full source code
- 30-day money-back guarantee
- Every course, in order, plus every new one as it ships
- Magento AI tutor and Campus
- Over $3,000 of courses and tools, priced individually
- Annual, or pay once for lifetime
Love it or your money back. Risk-free for 30 days.
Not on the path yet? Start with the course before this one, the Frontend UI Components in Magento 2 course:
