Solved: Re: Guest checkout without mail

anthonyalb38ed · ‎12-09-2020

Hey there,

I am wondering how I can remove the address mail field for a checkout as a guest.

anthonyalb38ed · ‎12-10-2020

ok so I managed to hide the fields by adding /app/code/{Vendor}/{Module}/view/frontend/layout/checkout_index_index.xml :

<?xml version="1.0"?>

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="checkout" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceBlock 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="componentDisabled" xsi:type="boolean">true</item>
                                                        </item>
                                                    </item>
                                                </item>
                                            </item>
                                        </item>
                                    </item>
                                </item>
                            </item>
                        </item>
                    </item>
                </argument>
            </arguments>
        </referenceBlock>
    </body>
</page>

But I cannot validate the form, it seems that the mail address is still required.

View solution in original post

anthonyalb38ed · ‎12-11-2020

I managed to extend the shipping.js file and add a custom address if customer is not logged in

if (!customer.isLoggedIn()) {
   quote.guestEmail = 'mail@example.com';
}

View solution in original post

madhuresan_ramanan · ‎12-10-2020

Hello @anthonyalb38ed,

What you actually mean here mail Id or residential address for removal as if guest checkout?

If my answer is helpful, then hit kudos and accept as solution

Best regards
Madhuresan

anthonyalb38ed · ‎12-10-2020

Hey @madhuresan_ramanan, thank you for answering back.

I am sorry if I was not clear.

What I would like to do is to remove/hide the login form in the checkout page, the one above the address form, so customers can order without bothering with providing email address.

https://imgur.com/a/OJU8kZW

(orders will be made and delivered at the actual store place so we don't need to ask for email)

anthonyalb38ed · ‎12-10-2020

ok so I managed to hide the fields by adding /app/code/{Vendor}/{Module}/view/frontend/layout/checkout_index_index.xml :

<?xml version="1.0"?>

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="checkout" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceBlock 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="componentDisabled" xsi:type="boolean">true</item>
                                                        </item>
                                                    </item>
                                                </item>
                                            </item>
                                        </item>
                                    </item>
                                </item>
                            </item>
                        </item>
                    </item>
                </argument>
            </arguments>
        </referenceBlock>
    </body>
</page>

But I cannot validate the form, it seems that the mail address is still required.

anthonyalb38ed · ‎12-11-2020

I managed to extend the shipping.js file and add a custom address if customer is not logged in

if (!customer.isLoggedIn()) {
   quote.guestEmail = 'mail@example.com';
}