Magento – mini cart is not working magento 2

magento2mini-cart

When I add new product to cart. It is adding that products to cart but mini cart doesn't shows anything.
and my console has following error.

TypeError: this.itemRenderer is undefined

can anyone tell what is because of this.

Best Answer

I think you changed the block from 'minicart' to a another block.
Please make sure that the checkout_cart_sidebar_item_renderers.xml
(vendor/magento/module-checkout/view/frontend/layout/checkout_cart_sidebar_item_renderers.xml)
have the same block, in which the 'itemRenderer' was set.

Related Solutions

Magento 2.1 – Mini Cart Not Showing Product on First Add

That is magento2's default bug

https://github.com/magento/magento2/issues/5377

https://github.com/magento/magento2/issues/4170

for the temporary solution, you can refresh mini cart in all page for that you can use below code.

default.xml

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
  <body>
    <referenceContainer name="content">
        <block class="Magento\Framework\View\Element\Template" name="refresh.minicart" template="{vendor}_{module}::refreshMinicart.phtml"  />
    </referenceContainer>
  </body>
</page>

refreshMinicart.phtml

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

EDIT

/app/design/frontend/Magento/luma/Magento_Theme/layout/default.xml

/app/design/frontend/Magento/luma/Magento_Theme/templates/refreshMinicart.phtml

or if you have created module then you can paste at

app/code/Vendor/Module/view/frontend/layout/

app/code/Vendor/Module/view/frontend/templates/

Magento 2 – How to Update Mini Cart After Adding Product via API

I am now running into this same issue. It appears to be related to the way the cart is cached in the browser's "local storage". I don't actually have a solution yet, unfortunately, but clearing the local storage in Chome refreshed my minicart.

There are some open bugs in Magento's GitHub:

It looks like a long standing bug. Hopefully they will fix it soon.

Here are some related SE questions I'm working from right now:

My (current) solution is to request that the minicart component refresh by default on page load. This way if the user updates the cart via an API request somewhere else, when they reload the Magento site the cart refreshes.

Specifically, I override the minicart.js file and modified it to force the customerData to refresh in the initialize method every page load:

initialize: function () {
    var self = this,
        cartData = customerData.get('cart');
    ....
    // always clear minicart local storage cache, since we might be updating it via API call
    customerData.reload(['cart'], false);
    // if (cartData().website_id !== window.checkout.websiteId) {
    //     customerData.reload(['cart'], false);
    // }
    return this._super();
},

Best Answer

Related Solutions

Magento 2.1 – Mini Cart Not Showing Product on First Add

Magento 2 – How to Update Mini Cart After Adding Product via API

Related Topic