Update Shipping Methods on Checkout with Zipcode Change – Magento 2

magento2shipping-methodszipcode

How can I update shipping methods on checkout with changes in zipcode input?

My shipping methods are not updating with zipcode input change value. Only with page refresh.

Best Answer

I fix that editing this function on shipping.js:

               checkoutProvider.on('shippingAddress', function (shippingAddressData) {
                    /* Custom code to update shipping rates init */
                    if(s_postcode == null){
                        s_postcode = shippingAddressData.postcode;
                    }else{
                        if(shippingAddressData.postcode != s_postcode && shippingAddressData.postcode.length == 9){

                     checkoutDataResolver.resolveEstimationAddress();
                        }else{
                            if(s_postcode != null){
                                shippingAddressData.postcode = s_postcode;
                            }
                        }
                    }
                    /* Custom code to update shipping rates init */
                    checkoutData.setShippingAddressFromData(shippingAddressData);
                });

and declarate var:

var s_postcode = null;

Related Solutions

Magento2 Checkout – Update Shipping Methods After Address Change

After so much investigation I found one solution. I have tried for Offline shipping methods as described follows and its working fine for me:

Namespace/Module/view/frontend/requirejs-config.js

var config = {
    "map": {
        "*": {
            "Magento_OfflineShipping/js/model/shipping-rates-validation-rules/flatrate": "Namespace_Module/js/model/shipping-rates-validation-rules/flatrate",
            "Magento_OfflineShipping/js/model/shipping-rates-validation-rules/freeshipping": "Namespace_Module/js/model/shipping-rates-validation-rules/freeshipping",
            "Magento_OfflineShipping/js/model/shipping-rates-validation-rules/tablerate": "Namespace_Module/js/model/shipping-rates-validation-rules/tablerate"
        }
    }
};

Namespace/Module/view/frontend/web/js/model/shipping-rates-validation-rules/flatrate.js

define([], function () {
    'use strict';

    return {
        /**
         * @return {Object}
         */
        getRules: function () {
            return {
                'country_id': {
                    'required': true
                },
                'city': {
                    'required': true
                },
                'telephone': {
                    'required': true
                }
            };
        }
    };
});

Namespace/Module/view/frontend/web/js/model/shipping-rates-validation-rules/freeshipping.js

define([], function () {
    'use strict';

    return {
        /**
         * @return {Object}
         */
        getRules: function () {
            return {
                'country_id': {
                    'required': true
                },
                'city': {
                    'required': true
                },
                'telephone': {
                    'required': true
                }
            };
        }
    };
});

Namespace/Module/view/frontend/web/js/model/shipping-rates-validation-rules/tablerate.js

define([], function () {
    'use strict';

    return {
        /**
         * @return {Object}
         */
        getRules: function () {
            return {
                'postcode': {
                    'required': true
                },
                'country_id': {
                    'required': true
                },
                'region_id': {
                    'required': true
                },
                'region_id_input': {
                    'required': true
                },
                'city': {
                    'required': true
                },
                'telephone': {
                    'required': true
                }
            };
        }
    };
});

These rules will automatically applied on change event of telephone and city fields.

Note: I have tried for Offline shipping methods only. If you wan to do it for other shipping methods, then you can try in the same way.

Best Answer

Related Solutions

Magento2 Checkout – Update Shipping Methods After Address Change

Related Topic