Magento 2 Checkout Customization

Before writing code

Fetch live docs:

1. Web-search site:developer.adobe.com commerce php tutorials frontend custom-checkout for checkout customization tutorials
2. Web-search site:developer.adobe.com commerce php tutorials frontend custom-checkout add-payment-method for payment method tutorial
3. Web-search site:developer.adobe.com commerce php development components checkout for checkout architecture

Conceptual Architecture

Checkout Flow

Two-step checkout built with UI Components + KnockoutJS:

1. Shipping Step — address, shipping method selection
2. Payment & Review Step — payment method selection, order review, place order

Quote Model