Understanding the Magento 2 checkout_index_index.xml

Question

With Magento 2 how can I view the full checkout_index_index to gain a better understanding of it.

I need to make some modifications to it but need to know the appropriate layout for nesting all of the tags...

Is there a way to clearly visualize this on the front end perhaps?

Thanks in advance.

You can install the Knockout context debugger extension in Google Chrome browser. Then inspect an element e.g. Phone Number's label. For me it was on the right side I was able to view the Knockout context after clicking on the >>> button. Should the panel be wider this would not be required. On the Knockout context there is a namespace property. For example: "checkout.steps.shipping-step.shippingAddress.shipping-address-fieldset.street" Where every . is a children node in the XML and the words/identifiers in between are the <item name="...."> parts. Maybe this is helpful. — Liam Mitchell, Jan 23, 2019 at 22:25

Rakesh Donga · Accepted Answer · 2019-01-24 05:42:09Z

2

answered Jan 24, 2019 at 5:42

Rakesh Donga

5,3242 gold badges24 silver badges57 bronze badges

It helps but not full XML that is used. I was able to figure out the names of each part from inspecting in chrome with the Knockout context debugger extension by looking at the namespace value. Thanks.
– Liam Mitchell
Jan 24, 2019 at 20:25

Add a comment |

1 Answer 1