Steps to Remove Apply Discount Code From Checkout Payment Page in Magento 2

Hello Magento Friends ?,

Today I will illustrate How to Remove Apply Discount Code From Checkout Payment Page in Magento 2. Let’s check out our previous blog, Magento 2: How to Add Custom Sidebar On Checkout Page. So, let’s start on ?

Contents

1 Beginning:
2 Methods to Remove Apply Discount Code From Checkout Payment Page in Magento 2:
3 Ending:

Beginning:

Discounts and offers are provided to the products and services in order to attract customers towards the store. The customers are likely to purchase more when they find any discounts. Besides, visitors can be easily converted into customers with the help of it.

But discounts are applied to the products or services for a specific period of time. After that, the store owner needs to remove or disable the discount code from the product payment page. Also, when the discount is applied only for a particular group of customers, the product payment page of other customer groups must not show the discount code.

Hence, let us find out the way to fulfill the above necessity.

Methods to Remove Apply Discount Code From Checkout Payment Page in Magento 2:

Remove Apply Discount Code From Checkout Payment Page in Magento 2 involves two methods to implement it.

Method 1: Using the CSS file

Enter the below code in your custom CSS file.

.checkout-index-index .payment-option._collapsible.opc-payment-additional.discount-code
{
    display: none;
}

.checkout-index-index .payment-option._collapsible.opc-payment-additional.discount-code

{

display: none;

}

Method 2: Using the XML file

Move to the following path

app/design/frontend/VENDOR/THEME/Magento_Checkout/layout/checkout_index_index.xml

And enter the below code

<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="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="payment" xsi:type="array">
                                                <item name="children" xsi:type="array">
                                                    <item name="afterMethods" xsi:type="array">
                                                        <item name="children" xsi:type="array">        
                                                            <item name="discount" xsi:type="array">
                                                                <item name="config" xsi:type="array">
                                                                    <item name="componentDisabled" xsi:type="boolean">true</item>
                                                                </item>
                                                            </item>
                                                        </item>
                                                    </item>
                                                </item>
                                            </item>
                                        </item>
                                    </item>
                                </item>
                            </item>
                        </item>
                    </item>
                </item>
            </argument>
        </arguments>
    </referenceBlock>
</body>

<body>

</item>

</argument>

</arguments>

</referenceBlock>

</body>

Now run the below commands to view the effect

php bin/magento cache:clean
php bin/magento cache:flush

1 2	php bin/magento cache:clean php bin/magento cache:flush

Ending:

Therefore, now everyone is able to Remove Apply Discount Code From Checkout Payment Page in Magento 2. While implementing the code, if you come across any difficulty notify me in the comment section below. Share the article with your Magento Developer buddies. Stay in the know for more such solutions.

Happy Coding ?

Click to rate this post!

[Total: 9 Average: 5]