"No items" in minicart in 2.1

[samuellinde]

Steps to reproduce

1. Add product to cart
2. Click minicart icon

Expected result

1. Display content of cart

Actual result

1. 

No Javascript errors of any kind. Navigating to /checkout/cart/ displays the content properly.

[tobias-forkel]

What are your cookie domain settings? The reason could be a wrong cookie domain. In most cases it should match with the base url. For example .yourserver.com.

[jzahedieh]

We have noticed the same issue whilst upgrading from 2.0.7 to 2.1

A lot seems to have changed in 2.1 regarding the checkout, disabling our theme seems to resolve the issue but still haven't fixed the issue.

We also found that going to /checkout/cart then clicking the back button would populate the javascript cart object and the mini cart would then work.

[samuellinde]

@jzahedieh Yep, and occasionally messages would get stuck so you end up with two or three "You added x to the card." at the same time.

[zhiyicai]

vendor\magento\module-catalog\view\frontend\templates\product\view\addtocart.phtml

Here the fix:

<script type="text/x-magento-init">
    {
        "#product_addtocart_form": {
            "Magento_Catalog/product/view/validation": {
                "radioCheckboxClosest": ".nested"
            }
        }
    }
</script>
<?php if (!$block->isRedirectToCartEnabled()) : ?>
<script type="text/x-magento-init">
    {
        "#product_addtocart_form": {
            "catalogAddToCart": {
                "bindSubmit": false
            }
        }
    }
</script>
<?php endif; ?>

Change to

<?php if (!$block->isRedirectToCartEnabled()) : ?>
<script>
    require([
        'jquery',
        'mage/mage',
        'Magento_Catalog/product/view/validation',
        'Magento_Catalog/js/catalog-add-to-cart'
    ], function ($) {
        'use strict';

        $('#product_addtocart_form').mage('validation', {
            radioCheckboxClosest: '.nested',
            submitHandler: function (form) {
                var widget = $(form).catalogAddToCart({
                    bindSubmit: false
                });

                widget.catalogAddToCart('submitForm', $(form));

                return false;
            }
        });
    });
</script>
<?php else : ?>
<script type="text/x-magento-init">
    {
        "#product_addtocart_form": {
            "Magento_Catalog/product/view/validation": {
                "radioCheckboxClosest": ".nested"
            }
        }
    }
</script>
<?php endif; ?>

#5144

[shanevbg]

I tried the patch from zhiyicai
but alas, I still have nothing in the minicart, the cart page is fine though.

Is there any update on a proper fix for this?

[fhennessy]

[https://github.com//issues/5144]

vendor\magento\module-catalog\view\frontend\templates\product\view\addtocart.phtml

You simply need to change

"bindSubmit": false

to

"bindSubmit": true

The initial value in the old code was overridden by the code in the inline script. However if you actually look at the widget itself you will see nothing happens if bind is set to false. NOTHING it's like the widget doesn't exist. How this was missed is just beyond comprehension. Unbelievable

Hopefully the above fix is a much better one than simply adding in the old code.

[antboiko]

Hi @samuellinde , thanks for reporting this issue. Internal ticket MAGETWO-57884 was created.

Best,
Anton.

[SewHappy58]

I'm new to Magento 2.X and I have the same issue with the mini cart. If I update the code, how will that effect composer or upgrading in the future? I know in Magento 1.x you don't touch the core.

[sidolov]

Hi, guys, I tried to reproduce this issue, but in my case, all work as expected.
Magento 2.0.9 was installed via composer, then upgraded to 2.1 (via composer). Minicart shows all products and indicator shows the number of products in mini cart.
Can you provide more information and steps for reproducing?

I haven't experienced this issue in firefox, but in chrome yes, even on 2.1.1. The fix provided by fhennessy solved it.