Magento – Magento2: How to show subtotal in minicart

cartmagento2

I'm trying to show subtotal in minicart block. I've overridden minicart.phtml in my theme and added the below code:

<span data-bind="html: getCartParam('subtotal_excl_tax'), blockLoader: isLoading"></span>

Its showing subtotal on page refresh. But when I add product in the cart the amount doesn't load by Ajax.

Can anyone help me in this?

Thanks in advance.

Best Answer

Subtotal along with counter

<span class="counter qty empty"
      data-bind="css: { empty: !!getCartParam('summary_count') == false }, blockLoader: isLoading">
    <span class="counter-number">
    <!-- ko ifnot: getCartParam('summary_count') -->
        <!-- ko text: '0' --><!-- /ko -->
    <!-- /ko -->
    <!-- ko if: getCartParam('summary_count') -->
        <!-- ko text: getCartParam('summary_count') --><!-- /ko -->
    <!-- /ko -->
    </span>
    <span class="counter-label">
    <!-- ko if: getCartParam('summary_count') -->
        <!-- ko text: getCartParam('summary_count') --><!-- /ko -->
        <!-- ko i18n: 'items' --><!-- /ko -->
    <!-- /ko -->
    </span>
    <span class="counter-number" data-bind="html: getCartParam('subtotal')"></span>
</span>

Related Solutions

Magento – Reload Quote In Controller Action

According to your code, you have replace current quote and items and other data at session class checkout/session Mage::getSingleton('checkout/session') using function replaceQuote() .

As per as magento,the session variable does not affective until one time page rendered and cart block content depend on checkout session. So you need to rendered the page and update cart block content via ajax.

Magento2 Ajax Add to Cart – Handle Out of Stock Situations

In order to achieve this, you need to follow these steps:

1) Override Magento2 default theme js file by copying it from this path: vendor/magento/module-catalog/view/frontend/web/js/catalog-add-to-cart.js (this is a path if you used composer for magento2 installation) to your custom theme path (may be a custom module as well, but in my case I had custom theme): app\design\frontend\TheBrewCompany\default\Magento_Catalog\web\js\catalog-add-to-cart.js

2) Find in code mage.catalogAddToCart widget -> ajaxSubmit function -> $.ajax call -> success call back -> and if (res.backUrl) statement (in my case it was line 86-88).

3) Delete code that is inside that if statement and leave it empty. These two lines:

window.location = res.backUrl;
return;

At this point the redirect will not happen anymore. But then comes next problem: message about reason why product could not be added to cart is not printed in web-site. Instead, it will be printed in next page load (refresh or page change). To print those messages, do following steps:

1) In the same catalog-add-to-cart.js file, at the top, define two more files:

'Magento_Customer/js/customer-data',
'jquery/jquery-storageapi'

2) In function declaration add two more arguments: _ and customerData

3) In the previously emptied if statement, insert this code:

customerData.reload('messages');

Done. At the end, the changes should look something like this: beginning of file:

    define([
    'jquery',
    'mage/translate',
    'jquery/ui',
    'Magento_Customer/js/customer-data',
    'jquery/jquery-storageapi'
], function($, $t, _, customerData) {

and ajax success callback:

if (res.backUrl) {
    customerData.reload('messages');
}

And final step: in order to make changes work, do following steps:

1) delete pub/static/frontend directory

2) run command php bin/magento setup:di:compile

3) run command php bin/magento setup:static-content:deploy

4) run command php bin/magento cache:flush

Best Answer

Related Solutions

Magento – Reload Quote In Controller Action

Magento2 Ajax Add to Cart – Handle Out of Stock Situations

Related Topic