1

How to display summery total on checkout page on sidebar above cart items list? enter image description here

3

There are two changes required to display summary in shipping step. Override both files in your current theme.

1. change /Magento_Checkout/js/view/summary/abstract-total.js file

define(
    [
        'uiComponent',
        'Magento_Checkout/js/model/quote',
        'Magento_Catalog/js/price-utils',
        'Magento_Checkout/js/model/totals',
        'Magento_Checkout/js/model/step-navigator'
    ],
    function (Component, quote, priceUtils, totals, stepNavigator) {
        "use strict";
        return Component.extend({
            getFormattedPrice: function (price) {
                return priceUtils.formatPrice(price, quote.getPriceFormat());
            },
            getTotals: function() {
                return totals.totals();
            },
            isFullMode: function() {
                if (!this.getTotals()) {
                    return false;
                }
                //return stepNavigator.isProcessed('shipping'); // comment this line to enable right side bar in checkout shipping step.  
                return true; //add this line to display forcefully summary in shipping step.
            }
        });
    }
);

Now order summary will be displayed in shipping step.

  1. change /Magento_Checkout/js/view/summary/shipping.js file This change is for to update shipping charge in the selection of shipping methods.

Change getValue() function.

 getValue: function () {
            var price;

            if (!this.isCalculated()) {
                return this.notCalculatedMessage;
            }
            //var price =  this.totals().shipping_amount; //comment this line

           var shippingMethod = quote.shippingMethod(); //add these both line
              var price =  shippingMethod.amount; // update data on change of the shipping method

            return this.getFormattedPrice(price);
        }

Hope this answer will help you.

  • @ketankp-borada Please try this solution and let me know it's working for you or not.? – Emipro Technologies Pvt. Ltd. Apr 18 '18 at 6:49
  • not working,only cart items are shown prntscr.com/j6r8sk – Ketan Borada Apr 18 '18 at 7:18
  • After file change, Have you upgrade data ? and clean cache ? please check in private browser because code is uploaded after testing. – Emipro Technologies Pvt. Ltd. Apr 18 '18 at 7:20
  • Yes working now,but totals are not updating after changing shipping method only shipping title updating. – Ketan Borada Apr 18 '18 at 7:32
  • 1
    Perfect Solution .. !!! Thanks @Emipro Technologies Pvt. Ltd. – Raghav Aug 3 '18 at 6:30

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.