Magento2 Checkout – Remove ‘My Billing and Shipping Address Are the Same’

billing-addresscheckoutmagento2onepage-checkoutshipping-address

Can we remove the checkbox and label called "My billing and shipping address are the same" during checkout in Magento2?

I don't want to allow customers to enter billing address there. All I need is to hide the checkbox with the label, can it be done? Please anyone help me.

Best Answer

Overwrite:

vendor/magento/module-checkout/view/frontend/web/template/billing-address.html

in your custom theme:

app/design/frontend/<customTheme>/<customTheme>/Magento_Checkout/web/template/billing-address.html

And remove:

<div class="billing-address-same-as-shipping-block field choice" data-bind="visible: canUseShippingAddress()">
    <input type="checkbox" name="billing-address-same-as-shipping"
           data-bind="checked: isAddressSameAsShipping, click: useShippingAddress, attr: {id: 'billing-address-same-as-shipping-' + getCode($parent)}"/>
    <label data-bind="attr: {for: 'billing-address-same-as-shipping-' + getCode($parent)}"><span
            data-bind="i18n: 'My billing and shipping address are the same'"></span></label>
</div>

So the overwritten file should be like this:

<div class="checkout-billing-address">

<!-- ko template: 'Magento_Checkout/billing-address/details' --><!-- /ko -->
<fieldset class="fieldset" data-bind="visible: !isAddressDetailsVisible()">
    <!-- ko template: 'Magento_Checkout/billing-address/list' --><!-- /ko -->
    <!-- ko template: 'Magento_Checkout/billing-address/form' --><!-- /ko -->
    <div class="actions-toolbar">
        <div class="primary">
            <button class="action action-update" type="button" data-bind="click: updateAddress">
                <span data-bind="i18n: 'Update'"></span>
            </button>
            <button class="action action-cancel" type="button" data-bind="click: cancelAddressEdit">
                <span data-bind="i18n: 'Cancel'"></span>
            </button>
        </div>
    </div>
</fieldset>

UPDATE:

In later versions of Magento, keeping line

<render args="detailsTemplate"/>

prior to

<fieldset class="fieldset" data-bind="visible: !isAddressDetailsVisible()">

is important to retain the functionality.

Related Solutions

Magento – Magento2 : How to force Shipping Address is the same as Billing Address

Add This code on your header

 <script type="text/javascript">

        require(['jquery'],function($){


                $(document).ready(function () {
                     $(document).ajaxComplete(function () {
                         if($('input#billing-address-same-as-shipping-shared').prop("checked") == true){
                        }else{
                            $('input#billing-address-same-as-shipping-shared').trigger('click');
                        }
                });
            });

        });

    </script>
    <style type="text/css">
        .field._required[name="shippingAddress.city"],.box.box-address-billing { display: none!important; }
        .checkout-billing-address { display: none; }
        /*.checkout-billing-address { pointer-events: none; display: none; }
        input#billing-address-same-as-shipping-shared { opacity: .5; }*/
    </style>

Magento 2 Checkout – Uncheck Billing and Shipping Address Checkbox if Pickup Store Enabled

I've added the modification logic to the original code. Please check:

Copy the following file to your theme:

vendor/magento/module-checkout/view/frontend/web/js/model/checkout-data-resolver.js

applyBillingAddress: function () {
    var shippingAddress;

    if (quote.billingAddress()) {
        selectBillingAddress(quote.billingAddress());

        return;
    }
    shippingAddress = quote.shippingAddress();

    if (shippingAddress &&
        shippingAddress.canUseForBilling() &&
        (shippingAddress.isDefaultShipping() || !quote.isVirtual())
    ) {
        if(quote.shippingMethod()['method_code']=='store pick_up code'){
           //uncheck here
        }else{
           //check here
           selectBillingAddress(quote.shippingAddress());
        }
    }
}

And also copy the following file to your theme:

vendor/magento/module-checkout/view/frontend/web/js/model/shipping-save-processor/default.js

saveShippingInformation: function () {
    var payload;

    if (!quote.billingAddress()) {
        if(quote.shippingMethod()['method_code']=='store pick_up code'){
           //uncheck here
        }else{
           //check here
           selectBillingAddress(quote.shippingAddress());
        }
    }

    payload = {
        addressInformation: {
            'shipping_address': quote.shippingAddress(),
            'billing_address': quote.billingAddress(),
            'shipping_method_code': quote.shippingMethod()['method_code'],
            'shipping_carrier_code': quote.shippingMethod()['carrier_code']
        }
    };

    payloadExtender(payload);

    fullScreenLoader.startLoader();

    return storage.post(
        resourceUrlManager.getUrlForSetShippingInformation(quote),
        JSON.stringify(payload)
    ).done(
        function (response) {
            quote.setTotals(response.totals);
            paymentService.setPaymentMethods(methodConverter(response['payment_methods']));
            fullScreenLoader.stopLoader();
        }
    ).fail(
        function (response) {
            errorProcessor.process(response);
            fullScreenLoader.stopLoader();
        }
    );
}

Don't forget to run static-content:deploy and cache flush.

Best Answer

Related Solutions

Magento – Magento2 : How to force Shipping Address is the same as Billing Address

Magento 2 Checkout – Uncheck Billing and Shipping Address Checkbox if Pickup Store Enabled

Related Topic