E-commerce store owners employ different shipping tactics to maximize the profits and hence charge shipping rates based on the location, customer group, etc.
Now, for example, a customer is at the checkout step with some items in the cart to be delivered at a particular location. But if he changes the location of delivery during the checkout, the shipping rates applied for that order also change.
However, if the entire page is reloaded and if he has to go through the checkout again, it contributes to the bad user experience. In this situation, he may abandon the cart also.
In order to avoid it, implement the below solution to refresh shipping rates on checkout using JS in Magento 2.
Method to refresh shipping rates on checkout using JS in Magento 2:
1 2 3 4 5 6 7 8 9 10 | requirejs([ 'Magento_Checkout/js/model/quote', 'Magento_Checkout/js/model/shipping-rate-registry' ], function(mainQuote, rateReg){ var address = mainQuote.shippingAddress(); rateReg.set(address.getKey(), null); rateReg.set(address.getCacheKey(), null); mainQuote.shippingAddress(address); }); |
If you have any doubts regarding the solution, feel free to mention them in the Comments section below. I’d be happy to help.
Please share the post with the Magento community via social media.
Thank you.
Get Weekly Updates
Never miss Magento tips, tricks, tutorials, and news.
Thank you for subscribing.
Something went wrong.
