Magento 2 – How to Reload Cart Page Total Section

cartmagento2

I am updating cart quantity with ajax and that is working is fine. But I cannot figure out how to reload the cart total section. I added this code but it is updating mini-cart section. Is there any section defined for that too? Need to update cart total section after ajax response.

    var sections = ['cart'];
    customerData.invalidate(sections);
    customerData.reload(sections, true);

Best Answer

@gh darvishani

It kind of hack i was using estimate shipping so simple js trick work for me.

 $("#s_method_flatrate_flatrate").trigger('click');

Related Solutions

Magento – Removing Items from the cart doesn’t update the ajax cart

Use this code

Create a delete action in your ajax add to cart controller.

Your Controller Action

    public function deleteAction()
    {
        if((int) $this->getRequest()->getParam('isAjax') == 1){
            $id = (int) $this->getRequest()->getParam('id');
            if ($id) {
                try {
                    $this->_getCart()->removeItem($id)->save(); 
                    $message = $this->__('Item was removed from your shopping cart.');
                    $response['status'] = 'SUCCESS';
                    $response['message'] = $message;
                    $this->getResponse()->setBody(Mage::helper('core')->jsonEncode($response));
                    return;

                } catch (Exception $e) {
            $response['status'] = 'ERROR';
            $response['message'] = $this->__('Cannot remove the item from shopping cart.');
            Mage::logException($e);
                }
            }
        } else {
            return parent::deleteAction();
        }
    }

Add the JS and button code in the app/design/frontend/[YOUR THEME]/[YOUR THEME]/checkout/cart/item/default.phtml

Js Function

    <script type="text/javascript">
        var deleting = 0;
        productRemoveFromCart = function(url, elem){
            deleting = deleting + 1;
            jQuery(elem).parent().parent().animate({ opacity: 0.5 }, 200, function() { });
            if (!url) {
                    //alert('Problem');
            }
            url = url.replace("checkout/cart","ajax/index");
            if(window.location.protocol == "https:") {
                url = url.replace("http:","https:");
            }
            url += '&isAjax=1';
            var data = 'isAjax=1';
            try {
                    jQuery.ajax( {
                            url : url,
                            dataType : 'json',
                            type : 'post',
                            data : data,
                            success : function(data) {
                                    deleting = deleting - 1;
                                    if(deleting<1){
                                        var pagepath = window.location.pathname;
                                        if((pagepath.indexOf("onestepcheckout")>0)||(pagepath.indexOf("checkout/cart")>0)){
                                            location.reload();
                                        }
                                    }
                            },
                            error: function (data) {
                                deleting = deleting - 1;
                            }
                            }); 
            } catch (e) {
            }
        }     
</script>

Button code

     <td class="a-center"><a href="javascript:void(0)" onclick="productRemoveFromCart('<?php echo $this->getDeleteUrl(); ?>',this);" title="<?php echo $this->__('Remove item')?>" class="btn-remove btn-remove2"><?php echo $this->__('Remove item')?></a></td>

Magento 1.9 – Fix Cart Quantity Update but Row Total Problem

Try to recollect quote totals by running this after saving quote item:

$item->getQuote()->setTotalsCollectedFlag(false)->collectTotals();

Best Answer

Related Solutions

Magento – Removing Items from the cart doesn’t update the ajax cart

Magento 1.9 – Fix Cart Quantity Update but Row Total Problem

Related Topic