---
title: "Magento 2: How to Move Cart Total Below Cart Items in Checkout Page"
url: "https://magecomp.com/blog/magento-2-move-cart-total-below-cart-items-in-checkout-page/"
date: "2023-02-13T12:10:21+00:00"
modified: "2025-02-14T06:06:05+00:00"
author:
  name: "Dhiren Vasoya"
  url: "https://magecomp.com/"
categories:
  - "How To"
  - "Magento 2"
word_count: 383
reading_time: "2 min read"
summary: "Hello Magento Friends,"
description: "In the default checkout page of Magento 2, the cart items are displayed below the cart total. Learn how to display cart items above cart total"
keywords: "How To, Magento 2"
language: "en"
schema_type: "Article"
related_posts:
  - title: "How to add Stock Status column in Admin Product Grid Magento 2"
    url: "https://magecomp.com/blog/how-to-add-stock-status-column-in-admin-product-grid-magento-2/"
  - title: "Magento 2: Check if the Current Area is Frontend or Backend"
    url: "https://magecomp.com/blog/magento-2-check-current-area-is-frontend-or-backend/"
  - title: "Magento 2: Add Quantity Increment and Decrement on Category Page"
    url: "https://magecomp.com/blog/magento-2-add-quantity-increment-decrement-category-page/"
---

# Magento 2: How to Move Cart Total Below Cart Items in Checkout Page

_Published: February 13, 2023_  
_Author: Dhiren Vasoya_  

![How to Move Cart Total Below Cart Items in Checkout Page in m2](https://magecomp.com/blog/wp-content/uploads/2023/02/How-to-Move-Cart-Total-Below-Cart-Items-in-Checkout-Page-in-m2-1024x512.webp)

**Hello Magento Friends,**

In this blog, I will explain How to Move the Cart Total Below Cart Items on Magento 2 Checkout Page.
[![Magento Malware Removal](https://magecomp.com/blog/wp-content/uploads/2025/02/Magento-Malware-Removal-CTA-2.webp)](https://magecomp.com/magento-malware-removal.html)

In the default checkout page of Magento 2, the cart items are displayed below the cart total. Look at the below image:
[![default cart total](https://magecomp.com/blog/wp-content/uploads/2023/02/default-cart-total.png)](https://magecomp.com/blog/wp-content/uploads/2023/02/default-cart-total.png)

If you want to display the cart items above the cart total in the checkout page, you can accomplish it using the below method.
## Steps to Move Cart Total Below Cart Items in Checkout Page in Magento 2:
**Step 1:** You need to override the **checkout_index_index.xml** file in your module or theme as per your requirement. The path to creating a file for the module and theme is as follows
**In Module:**
app\code\Vendor\Extension\view\frontend\layout\checkout_index_index.xml
**In Theme:**
app\design\frontend\Themes\Yourtheme\Magento_Checkout\layout\checkout_index_index.xml
Then add the code as follows:
```
<?xml version="1.0" encoding="UTF-8"?>

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
   <body>
      <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="sidebar" xsi:type="array">
                           <item name="children" xsi:type="array">
                              <item name="summary" xsi:type="array">
                                 <item name="children" xsi:type="array">
                                    <item name="totals" xsi:type="array">
                                       <item name="sortOrder" xsi:type="string">99</item>
                                    </item>
                                    <item name="cart_items" xsi:type="array">
                                       <item name="sortOrder" xsi:type="string">0</item>
                                    </item>
                                 </item>
                              </item>
                           </item>
                        </item>
                     </item>
                  </item>
               </item>
            </argument>
         </arguments>
      </referenceBlock>
   </body>
</page>
```

[![Magento 2 Speed & Performance Optimization Services](https://magecomp.com/blog/wp-content/uploads/2025/02/Magento-2-Speed-Performance-Optimization-Services-CTA-2.webp)](https://magecomp.com/magento-performance-optimization.html)

**Output:**

[![cart total below cart items](https://magecomp.com/blog/wp-content/uploads/2023/02/cart-total-below-cart-items.png)](https://magecomp.com/blog/wp-content/uploads/2023/02/cart-total-below-cart-items.png)

## Conclusion:
This way you can customize the checkout page in Magento 2 by Moving Cart Total Below Cart Items in Checkout Page. Also, you can [**show custom notice message of cart items on the checkout page in Magento 2**](https://magecomp.com/blog/set-cart-page-items-custom-notice-message-magento-2/). If you have any doubts, let me know through the comment section.
[![hyva theme development](https://magecomp.com/blog/wp-content/uploads/2025/02/hyva-theme-development-CTA-2.webp)](https://magecomp.com/services/hyva-theme-development/)

**Happy Coding!**

</body>


---

_View the original post at: [https://magecomp.com/blog/magento-2-move-cart-total-below-cart-items-in-checkout-page/](https://magecomp.com/blog/magento-2-move-cart-total-below-cart-items-in-checkout-page/)_  
_Served as markdown by [Third Audience](https://github.com/third-audience) v3.5.3_  
_Generated: 2026-10-14 15:45:01 UTC_