How to override email HTML files in Magento 2

December 7, 2015 - Fire development, Magento 2

Magento 2 Development

To override email HTML files in Magento 2, create the [Vendor]/[ModuleName]/view/frontend/layout/checkout_index_index.xml file with the following content:

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="1column"
      xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceContainer name="content">
            <block class="Magento\Checkout\Block\Onepage" name="checkout.root">
                <arguments>
                    <argument name="jsLayout" xsi:type="array">
                        <item name="components" xsi:type="array">
                            <item name="checkout" xsi:type="array">
                                <item name="children" xsi:type="array">
                                    <item name="steps" xsi:type="array">
                                        <item name="children" xsi:type="array">
                                            <item name="shipping-step" xsi:type="array">
                                                <item name="children" xsi:type="array">
                                                    <item name="shippingAddress" xsi:type="array">
                                                        <item name="children" xsi:type="array">
                                                            <item name="customer-email" xsi:type="array">
                                                                <item name="component" xsi:type="string">
                                                                    Magento_Checkout/js/view/form/element/email <!--  <- you can change component here -->
                                                                </item>
                                                                <item name="tooltip" xsi:type="array">
                                                                    <item name="description" xsi:type="string"
                                                                          translate="true"><!--  <- you can change text here -->
                                                                        We'll send your order
                                                                        confirmation here or you custom text.
                                                                    </item>
                                                                </item>
                                                            </item>
                                                        </item>
                                                    </item>
                                                </item>
                                            </item>
                                        </item>
                                    </item>
                                </item>
                            </item>
                        </item>
                    </argument>
                </arguments>
            </block>
        </referenceContainer>
    </body>
</page>