A merchant using Shopify’s Dawn theme is struggling to remove the discount code button from checkout after deleting all discount codes. The button remains visible and is confusing customers on a site about to launch.
Official Support Response:
The merchant confirms all codes are deactivated but the button still appears. They express frustration with support being unhelpful.
Community Solution Found:
The original poster discovered a CSS workaround for Dawn theme 2.0+:
base.css.order-summary .order-summary__section.order-summary__section--discount { display: none; border-top: none; }Important Caveat:
Another user warns this is a CSS hack that creates technical debt and will become irrelevant with Shopify’s new checkout currently rolling out. The solution is theme-specific and may not work universally.
How to remove deactivated discount code button from Shopify checkout using dawn theme.
I created a discount code and then deleted it.
Now I cannot remove the discount button from checkout which is confusing my customers.
This site is due to go live yesterday. After much research I cannot come up with a solution.
Please advise.
Patrick
Shopify Store: ShopSerotta.com
Hi @powerguy ,
Thank you for reaching out to the Community! I’m happy to provide some assistance with discounts, to ensure this gets resolved. To confirm I’m fully understanding, have all discount codes been removed or deactivated from the Shopify admin?
If not, you will want to ensure that this is completed to ensure this box is successfully removed from the checkout process. To achieve this, you can:
Head to the Discounts section, from the Shopify admin.
On the Discounts page, check the unexpired discounts that you want to disable:
Click Actions, then click Deactivate discounts.
Click Deactivate to confirm.
Once successfully completed, you can head to the checkout page to confirm the discount box is no longer available. Moving forward, your customers should only see the option to input a gift card as opposed to a discount code. For more information on deactivating multiple discounts, you can check out our Managing Discounts Documentation as it touches on this in more detail.
If however, you don’t see this option please feel free to Contact Support. This will allow us to investigate further and ensure it gets resolved as quickly as possible.
Please let me know if you have any other concerns.
Yes, all discount codes have been removed from the Shopify admin.
And I still cannot remove the discount button from checkout.
And your link to “Contact Support” is just a revolving door that provides no support whatsoever.
Thanks for your reply…sort of.
Hi @powerguy ,
Thank you for following up on this thread! As you have confirmed all discount codes were successfully deactivated, would you be able to share a screenshot of the checkout page?
Alternatively, you can contact our advisor team by heading to our Support Page and logging into your shop. Once successfully logged in, you can:
Please let me know if you have any other concerns.
This is wrong on so many levels. Especially for a paid program.
So I did some more research - and there is a general concensus that shopify sucks.
Absolutely FALSE.
Every shopify expert that has deemed the discount code as something you have to live with is WRONG.
It depends on your theme - but in MY case - the Dawn theme version 2.0 and above there is an easy fix.
Go to your theme files. Search for “base” and open the base.css file.
Add the following to the bottom of code:
.order-summary .order-summary__section.order-summary__section–discount {
display: none;
border-top: none;
}
Don’t forget to SAVE !
Poof ! Discount box gone !
Easy peasy.
May be different for YOUR theme but do a search and ignore the shopify naysayers.
Took me a while but the info is out there.
This is a css hack, which lays the foundation for a technical debt trap, and the new Shopify checkout which is currently getting rolled out will make this hack irrelevant.
