mini cart does not clear after placing an order - magento 2.0.7

[nmallepally]

Hello,

After i have completed the purchase or placing an order the cart still shows the items and does not remove itself untill any new products added again. it is misleading. can any one give some insight on this?. do i need to upgrade 2.1 to fix or is there any alternative solution.

Thanks,
Navya

[andimov]

@nmallepally
Thanks for reporting.
Please, format this issue according to the Issue reporting guidelines: with steps to reproduce, actual result and expected result.

[nmallepally]

Hi @andimov
Updated 2.0.7 to 2.1
Product added n checkout
Payment method: Paypal/Cash on Delivery
Payment done successfully
mini cart is not cleared, shows up same products in mini cart.

[mrkhoa99]

@nmallepally you can read more here: http://magento.stackexchange.com/questions/127203/magento-2-minicart-does-not-clear-items-after-checkout/127347#127347

[andimov]

@nmallepally
Did you check solution from @mrkhoa99 ?

[nmallepally]

@andimov I'm checking it after the changes, will update in few minutes.

[nmallepally]

@andimov It returned me a different errors.
Applied changes from this fix
After payment the page returns a network error, page not working on success page, when clicked on reload.
Returns a page checkout/cart saying not items in the cart, which it should not and yet displays the items in the cart.
During the above process payment is made and order is generated.
Attaching images for reference:

[nmallepally]

@mrkhoa99 Did you see my result above for the fix?, can you advise any alternative solution as we planning to go live in 2days.

[mrkhoa99]

@nmallepally try to get the cart info from your local storage: localStorage.getItem('mage-cache-storage'). Seem the local storage not clear. There is a temporary solution for you, navigate to vendor/magento/module-checkout/view/frontend/templates/cart/noItems.phtml, add the following js code:

<script>
    require([
        'Magento_Customer/js/customer-data'
    ], function (customerData) {
        var sections = ['cart'];
        customerData.invalidate(sections);
        customerData.reload(sections, true);
    });
</script>

[nmallepally]

@mrkhoa99 Hi thanks for the quick response. works like a charm for paypal orders, does not clear cart when payment is done for cash on delivery method.

[mrkhoa99]

@nmallepally Can you list the files which you applied the paths?

[nmallepally]

I'm using magento 2.1v. I just applied the above java script into vendor/magento/module-checkout/view/frontend/templates/cart/noItems.phtml. As you said this is a temporary solution. Did i miss anything?

[PieterCappelle]

Any update on this one? Still exists in 2.1.2.