Main xml Layout of checkout is

checkout_cart_index.xml

We can copy it in theme to override and add changes into it.

Now you can also check from xml which js component is attatch to html.

 

 

Under web/template/minicart/item/default.html we have table which show product image, price, quantity and total on cart page.

Following file contain the action like Remove or edit for indivisual items.

\vendor\magento\module-checkout\view\frontend\layout\checkout_cart_item_renderers.xml

 

Don't forget to include the sequence in the module.xml file when creating a custom module for checkout.

<sequence>
<module name="Magento_Checkout"/>
</sequence>

Magento 2 checkout is different when compared to other components in Magento, such as the catalog. The checkout process heavily depends on Knockout.js and HTML. It involves complex interactions and real-time updates, making it essential to understand how these technologies work together.

 

Create New step on checkout in Magento 2