How to Move Apply Coupon to Order Summary in Magento 2

Hello Magento Friends 👋,

Hope you are going well with your Magento 2 stores. Today’s subject matter is How to Move Apply Coupon to Order Summary in Magento 2. Check our earlier published blog in case you missed out. Magento 2: How to add WYSIWYG Editor in Admin Configuration.

Contents

1 Preface:
2 How to Move Apply Coupon to Order Summary in Magento 2?
3 Conclusion:

Preface:

Magento 2 provides a default design for the cart page and checkout page. Many a time, requirements arise to move some fields to another field instead of the default design. The apply discount code is displayed after the shopping cart items list in default Magento 2. Look at the below image:

The chances are customers may miss out to look at the apply coupon code section as it is displayed at the bottom. The order summary is the area where the customers definitely look up to before proceeding for checkout. Moving apply coupon code to order summary is an ideal solution to grab customers’ attention.

Let’s start 🚀

How to Move Apply Coupon to Order Summary in Magento 2?

Step 1: Move to the below path:

app\code\Vendor\Extension\view\frontend\layout\checkout_cart_index.xml

Now, add the below code:

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="1column" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceBlock name="checkout.cart.coupon" remove="true"/>
        <block class="Magento\Checkout\Block\Cart\Coupon" name="checkout.cart.showcouponbefortotal" as="coupon" template="Magento_Checkout::cart/coupon.phtml"/>
        <move element="checkout.cart.showcouponbefortotal" destination="cart.summary" before="checkout.cart.totals.container"/>
    </body>
</page>

Step 2: Now, clean the cache and check the output.

Output:

Conclusion:

Simple as that. This way you can Move Apply Coupon to Order Summary in Magento 2. Display a dropdown list of multiple coupons and manage it easily with the help of Easy Coupon Manager Extension for Magento 2. In case you find any issue while executing the code, mention in the comment part and I will be right back to you. Ensure you share the article with your friends and colleagues. Stay connected for more such Magento solutions.

Happy Coding 😊

Click to rate this post!

[Total: 8 Average: 5]

Dhiren Vasoya

Dhiren Vasoya is a Director and Co-founder at MageComp, Passionate 🎖️ Certified Magento Developer👨‍💻. He has more than 9 years of experience in Magento Development and completed 850+ projects to solve the most important E-commerce challenges. He is fond❤️ of coding and if he is not busy developing then you can find him at the cricket ground, hitting boundaries.🏏

Next How to Insert a Widget into Sidebar in Magento 2 »

Previous « How to Install Magento 2.4 via Command Line

View Comments

Ravi says:

March 11, 2022 at 12:04 pm

hiw i can move gift card option to the right side i.e cart order summary
- magecomp says:
  
  March 28, 2022 at 9:36 am
  
  Find the block of the gift cart and use the same code as above by replacing the block name
Jeff says:

June 8, 2021 at 1:30 am

Thanks so much! This stopped displaying in the default location for the Porto theme for me but this fix got it back and working. I actually prefer it visible in the Summary section myself.
- magecomp says:
  
  July 14, 2021 at 4:54 pm
  
  Blog is to show it in summery only.
dev says:

January 21, 2021 at 5:13 pm

how to move in checkout page
- magecomp says:
  
  February 9, 2021 at 3:32 pm
  
  On the checkout page, this block usually available, where exactly you want it on the checkout page.