Magento – How to update Shipping rates using Ajax when cart item is deleted on Checkout-Cart page

ajaxcartcheckoutmagento2quote

My Shipping rates are calculated based on item present in cart and now on deletion of item on Checkout/Cart page, I need to update the Shipping rates. As of now, Remove Item on Checkout/Cart page updates the total section but does not refresh the shipping rates. It would be of great help if someone can guide me on how to trigger get shipping rates once item is deleted from cart using Ajax.

Best Answer

Hope you doing well.

Please try with this JavaScript code.Hope this will help you.

define(
    [
        'Magento_Checkout/js/model/quote',
        'Magento_Checkout/js/model/shipping-rate-processor/new-address',
        'Magento_Checkout/js/model/shipping-rate-processor/customer-address',
        'Magento_Checkout/js/model/shipping-rate-registry'

    ],
    function (quote, defaultProcessor, customerAddressProcessor, rateRegistry) {
       'use strict';

       var processors = [];

       rateRegistry.set(quote.shippingAddress().getCacheKey(), null);

       processors.default =  defaultProcessor;
       processors['customer-address'] = customerAddressProcessor;

       var type = quote.shippingAddress().getType();

       if (processors[type]) {
          processors[type].getRates(quote.shippingAddress());
       } else {
          processors.default.getRates(quote.shippingAddress());
       }

    }
);

Related Solutions

Magento 1.9 Checkout Cart – Remove Item Not Updating

So after debugging every single cache possible it actually turned out to be browser caching the site, this was happening for everybody that visited the site, why I still have no idea.

I added the following in .htaccess which seems to have resolved the issue

<FilesMatch "\.(html|htm|js|css|php)>
    FileETag None
    Header unset ETag
    Header set Cache-Control "max-age=0, no-cache, no-store, must-revalidate"
    Header set Pragma "no-cache"
    Header set Expires "Wed, 11 Jan 1984 05:00:00 GMT"
</FilesMatch>

Magento – How to get quote and update total through AJAX Magento 1.9

Before starting,we need to what are the functionality of two forms.

First form is given result list of available shipping methods basic of your select country and other address details.
Another update total basic of selected method.

You could not merge two form into one form because of whenever an address have multiple shipping methods then you need to selected one of those.For this case it should be wrong process.

An idea ,consist of two form.But all two form content will be update via ajax.

Lets go ESTIMATE SHIPPING AND TAX form.

for doing all using ajax for this form.You need to change something

Change Get Quote button on click code

from

onclick="coShippingMethodForm.submit()";

onclick="coShippingMethodForm.submit(); return false;"

Then on coShippingMethodForm.submit=function() call a prototype ajax for getting available shipping methods list:

new Ajax.Request(this.form.action, {
          method:this.form.method,
          parameters: this.form.serialize(),
          onLoading:function(){    },
          onSuccess: function(transport) {
          jQuery("#avaliable-Shipping-method").html(transport.responseText);

            },
          onFailure: function() { }
          });

Now you need to override Checkout Cartcontroller.php for getting available shipping methods using ajax and response the list shipping from estimatePostAction() .

and create a div#avaliable-Shipping-method for update your formusing list of avlaible shipping methods

Best Answer

Related Solutions

Magento 1.9 Checkout Cart – Remove Item Not Updating

Magento – How to get quote and update total through AJAX Magento 1.9

Related Topic