Hello Magento Friends,

Hope all are healthy and safe. Today I am here with a significant solution that will make your Magento store feature-rich. Magento 2: How to Add Quantity Increment & Decrement Functionality at Checkout Summary.

E-commerce store owners are always finding ways for offering convenience and comfort to customer’s shopping journey. If the customers need to navigate more pages to perform any action, it results in a bad user experience of the store. One such case is increasing and decreasing product quantity.

Customers can only increase or decrease the product quantity on the cart or mini cart. But sometimes we need to add this functionality to the checkout summary page. The customers can easily perform increment and decrement of product quantity or even remove the product from the checkout page without moving to the cart page or mini cart.

Let’s find out the steps to Add Quantity Increment & Decrement Functionality at Checkout Summary in Magento 2.

Steps to Add Quantity Increment & Decrement Functionality at Checkout Summary in Magento 2:

Step 1:  First you need to add /modify the details.html file in the following path

app\design\frontend\Themes\Yourtheme\Magento_Checkout\web\template\summary\item\details.html

Step 2:  Now add/modify the details.js file in the following path

app\design\frontend\Themes\Yourtheme\Magento_Checkout\web\js\view\summary\item\details.js

After implementing the above code the quantity increment & decrement functionality will be added to the checkout summary of your Magento 2 store.

quantity increment decrement

Conclusion:

Hopefully, everyone is able to Add Quantity Increment & Decrement Functionality at Checkout Summary in Magento 2. Besides this, you can also Add Discount Component to Checkout Order Summary in Magento 2.

If you have trouble executing the code, feel free to reach me via comment. I will be glad to help you out. Do share the article on your social media and stay updated for more tutorials.

Happy Coding!

[Total: 5   Average: 5/5]