How to remove discount code box on checkout?

How to remove discount code box on checkout?

WithLuke
Excursionist
40 0 7

I previously had hidden the discount code box as I do not use codes, however a post checkout app installation has re-added this and I can't seem to hide it.

Is there some code I can inject to hide the discount box? Store is Debut theme.

 

Willing to pay $5 on paypal if you can help with the code!

 

withlukestudios.com is the site

 

Cheers

Luke

Replies 9 (9)

Rahul_dhiman
Shopify Partner
824 155 173

Hello @WithLuke 
Go to online store ----> themes ----> actions ----> edit code ----> assets ---->app.CpKNZXNx.css
add this code at the end of the file.

._1mrl40q0._1fragemlj._1fragem2s._1fragem3c._1fragem5p._1fragemm3._16s97g7f._16s97g7p._16s97g71j._16s97g71t {
display: none !important;
}

result
8.png

If this was helpful, hit the like button and accept the solution.
Thanks

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages

WithLuke
Excursionist
40 0 7

Hi Rahul, thanks for the reply - I cannot find the app.CpKN etc - here is what is under the assets subfolder?

WithLuke_0-1729247997643.png

 

Rahul_dhiman
Shopify Partner
824 155 173

you can add this code on base.css at the very bottom.

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages

WithLuke
Excursionist
40 0 7

I do not have a "base.css" either sorry...

f2thak
Excursionist
21 0 3

Can somebody please do this for www.holdcom.com.au, thank you

 

Hide by default, possibly.  I do still need it.

rajweb
Shopify Partner
823 71 155

Hey @WithLuke ,

To hide the discount code box in your Shopify store using the Debut theme, you can add some custom CSS to your theme's settings.

Follow these steps:

1. Online Store > Themes > Edit Code 

2. In the left sidebar, look for the  Assets folder and click on the theme.css or theme.scss file (depending on your theme version).

3. Scroll to the bottom of the file and add the following CSS code:

.discount {
    display: none !important;
}

This code hides the discount code box by setting its display property to none. If you need further adjustments or the discount box still appears, let me know!

 

If I was able to help you, please don't forget to Like and mark it as the Solution!

Best Regard,

Rajat Sharma

Rajat | Shopify Expert Developer
Need a reliable Shopify developer for your next project?
Our App: Productify Groups App
Email: rajat.shopify@gmail.com
Portfolio: https://rajatweb.dev
WithLuke
Excursionist
40 0 7

Didn't work sorry

WithLuke
Excursionist
40 0 7

Happy to proceed, as the above replies didn't fix it

WithLuke
Excursionist
40 0 7

Does anyone have a working solution for this? None of the below worked for me.