How to Move Cart Total Below Cart Items in Checkout Page in magento2 - magento source24

How to Move Cart Total Below Cart Items in Checkout Page in magento2 - 

Hello magento friends todays in this blog post im share with you to How to Move Cart Total Below Cart Items in Checkout Page in magento2. To move the Cart Total section below the Cart Items section on the Checkout page in Magento 2, you'll need to make some modifications to the layout files. Please note that these instructions are based on the Magento 2.4.x version, and the file paths may vary depending on your specific Magento installation and theme.

➤ Here's a step-by-step guide:

Create a Custom Theme (if you haven't already):

If you're not using a custom theme, it's recommended to create one to avoid modifying the default Magento files directly. You can create a custom theme by extending a parent theme, such as Luma or Blank.

➤ Locate the checkout_index_index.xml Layout File:

Navigate to your custom theme directory and find the checkout_index_index.xml layout file. This file controls the layout of the checkout page.

The typical path would be: app/design/frontend/[Vendor]/[Theme]/Magento_Checkout/layout/checkout_index_index.xml

➤ Rearrange Blocks in the Layout:

Open the checkout_index_index.xml file and locate the XML code that defines the layout of the checkout page. You need to rearrange the blocks so that the Cart Total block appears below the Cart Items block.

Find the section that looks something like this: 

Modify the order of these blocks to place the Cart Total block below the Cart Items block. Here's an example of how you might change the order:

➤ Clear Cache:

After making changes to your layout file, it's a good practice to clear the Magento cache so that the changes take effect. You can do this using the following command:

bin/magento cache:clean

➤ Check the Checkout Page:

Once the cache is cleared, go to your Magento store's frontend, add items to the cart, and proceed to the checkout page. You should see the Cart Total section below the Cart Items section as per your layout changes.

Remember to backup your files and test the changes on a development environment before applying them to your production store. Also, keep in mind that the exact steps might differ depending on your theme and Magento version. Always refer to the official Magento documentation and seek assistance from Magento experts if needed.