Magento – Magento 2 : Update shipping price in checkout summary by default on shipping step when there is only one shipping method available

magento2

I need to update checkout summary with shipping price by default when only one shipping method is available on shipping step.
Currently shipping price is updated when I move on to payment step.

If someone can help then it will helpful, thanks in advance.

Best Answer

After some research got the solution to set shipping price to summary on checkout if there is only one shipping method available.

For this, need to extend "/vendor/magento/module-checkout/view/frontend/web/js/view/summary/shipping.js"

Have to define 'Magento_Checkout/js/model/cart/estimate-service' and pass dependency estimateService into function.

Comment out this line var price = this.totals().shipping_amount; under function getValue: function() and add following two lines after that.

var shippingMethod = quote.shippingMethod();
var price =  shippingMethod.amount;

I am adding screen shot of entire file /module-checkout/view/frontend/web/js/view/summary/shipping.js how it looks after extending and editing.

Related Solutions

Magento – Magento 2 : Update Order Summary Block On Checkout Page

Summary section created on checkout-module. You can change checkout_index_index.xml, add item as 'quote' & create js for
Magento_Checkout/js/view/summary/quote

Path - \vendor\magento\module-checkout\view\frontend\layout\checkout_index_index.xml

<item name="quote" xsi:type="array">
    <item name="component"  xsi:type="string">Magento_Checkout/js/view/summary/quote</item>
    <item name="config" xsi:type="array">
        <item name="title" xsi:type="string" translate="true">Quote</item>
    </item>
</item>

\vendor\magento\module-checkout\view\frontend\web\js\view\summary

Also create template file in below path. vendor\magento\module-checkout\view\frontend\web\template\summary

You can override this file on you custom extension or update core files (Not recommended). This might not be exact answer but might be workaround to you. Hope this help you.

Magento 2 Move Shipping Information to Billing Step in Checkout – How to

Both sections are contained in the shipping-information <item>.

Within my theme's checkout_index_index.xml file I was able to disable the component in the summary sidebar, and add it to the billing-step item, which represents the "Review & Payments" step in checkout.

I wanted it to appear at the top of this step above the payment method options so I also added the line <item name="sortOrder" xsi:type="string">0</item>.

My final code to achieve this:

<referenceContainer name="content">
    <referenceBlock name="checkout.root">
        <arguments>
            <argument name="jsLayout" xsi:type="array">
                <item name="components" xsi:type="array">
                    <item name="checkout" xsi:type="array">
                        <item name="children" xsi:type="array">
                            <item name="steps" xsi:type="array">
                                <item name="children" xsi:type="array">
                                    <item name="billing-step" xsi:type="array">
                                        <item name="children" xsi:type="array">
                                            <item name="shipping-information" xsi:type="array">
                                                <item name="sortOrder" xsi:type="string">0</item>
                                                <item name="component" xsi:type="string">Magento_Checkout/js/view/shipping-information</item>
                                                <item name="config" xsi:type="array">
                                                    <item name="deps" xsi:type="string">checkout.steps.shipping-step.shippingAddress</item>
                                                </item>
                                                <item name="displayArea" xsi:type="string">shipping-information</item>
                                                <item name="children" xsi:type="array">
                                                    <item name="ship-to" xsi:type="array">
                                                        <item name="component" xsi:type="string">Magento_Checkout/js/view/shipping-information/list</item>
                                                        <item name="displayArea" xsi:type="string">ship-to</item>
                                                    </item>
                                                </item>
                                            </item>
                                        </item>
                                    </item>
                                </item>
                            </item>
                            <item name="sidebar" xsi:type="array">
                                <item name="children" xsi:type="array">
                                    <item name="shipping-information" xsi:type="array">
                                        <item name="config" xsi:type="array">
                                            <item name="componentDisabled" xsi:type="boolean">true</item>
                                        </item>
                                    </item>
                                </item>
                            </item>
                        </item>
                    </item>
                </item>
            </argument>
        </arguments>
    </referenceBlock>
</referenceContainer>

Best Answer

Related Solutions

Magento – Magento 2 : Update Order Summary Block On Checkout Page

Magento 2 Move Shipping Information to Billing Step in Checkout – How to

Related Topic