Magento – Magento 2 Set “Billing Same as Shipping” default to unchecked

Override ..vendor/magento/module-payment/view/frontend/web/transparent.js and add this code :

var paymentMethodId = jQuery(".payment-methods input[type='radio']:checked").attr('id');

jQuery("#billing-address-same-as-shipping-"+paymentMethodId).trigger('click');
jQuery(".payment-method").find('select[name="billing_address_id"]  option:last-child').attr('selected','selected');
jQuery(".payment-method").find('.billing-address-form').show();

Override ../magento/module-checkout/view/frontend/web/js/action/set-billing-address.js: (Add code)

jQuery(document).on("click",".payment-method",function(){
         console.log(   jQuery(this).find('input[name="billing-address-same-as-shipping"]').is(":checked") );             
         console.log(jQuery(this).find('select[name="billing_address_id"]  option:last-child'));
         jQuery(this).find('input[name="billing-address-same-as-shipping"]').trigger('click');
         jQuery(this).find('select[name="billing_address_id"]  option:last-child').attr('selected','selected');
         jQuery(this).find('.billing-address-form').show();
    })

Disclaimer: I am an author of an article at the end of this answer.

Magento best practices way.

1. Create a simple Magento 2 extension.

2. Create a file app/code/Vendor/Module/view/frontend/requirejs-config.js with the content:

   var config = {
    map: {
    '*': {
      'Magento_Checkout/js/model/checkout-data-resolver': 'Vendor_Module/js/checkout-data-resolver',
      'Magento_Checkout/js/model/shipping-save-processor/default': 'Vendor_Module/js/shipping-save-processor/default'
     }
   }};
   

3. Copy file vendor/magento/module-checkout/view/frontend/web/js/model/checkout-data-resolver.js to app/code/Vendor/Module/view/frontend/web/js/checkout-data-resolver.js.

4. Edit file app/code/Vendor/Module/view/frontend/web/js/checkout-data-resolver.js and comment out code around line 231:

       applyBillingAddress: function () {
           var shippingAddress;
   
           if (quote.billingAddress()) {
               selectBillingAddress(quote.billingAddress());
   
               return;
           }
           shippingAddress = quote.shippingAddress();
   
           /*if (shippingAddress &&
               shippingAddress.canUseForBilling() &&
               (shippingAddress.isDefaultShipping() || !quote.isVirtual())
           ) {
               selectBillingAddress(quote.shippingAddress());
           }*/
       }
   };
   

5. Copy file vendor/magento/module-checkout/view/frontend/web/js/model/shipping-save-processor/default.js to app/code/Vendor/Module/view/frontend/web/js/shipping-save-processor/default.js.

6. In app/code/Vendor/Module/view/frontend/web/js/shipping-save-processor/default.js comment out code around line 34:

   saveShippingInformation: function () {
   var payload;
   
   /*if (!quote.billingAddress()) {
       selectBillingAddressAction(quote.shippingAddress());
   }*/
   
   payload = {
   

7. Delete folder pub/static/frontend:

    rm -rf pub/static/frontend
   

8. Regenerate static content:

    php bin/magento setup:static-content:deploy
   

9. Clear magento cache and you are all set.

Dirty way

Instead of steps 1 through 6 simply edit the file vendor/magento/module-checkout/view/frontend/web/js/model/checkout-data-resolver.js and comment out code around line 231 as in step 4 and edit the file vendor/magento/module-checkout/view/frontend/web/js/model/shipping-save-processor/default.js and comment code code around line 34 as in step 6.

Repeat steps 7,8,9.

Originally published as https://www.goivvy.com/blog/magento-2-set-billing-shipping-address-unchecked-default-checkout