How do I hide the coupon code box from checkout page?

  • 0
  • 1
  • Question
  • Updated 4 years ago
  • Answered
Archived and Closed

This conversation is no longer open for comments or replies and is no longer visible to community members. The community moderator provided the following reason for archiving: Archived

By default the checkout page shows a coupon code box as shown in the following image.

coupon3.png

The following steps will guide you through hiding the coupon code box from the checkout page of your store.

1.) Login to your store's control panel.

2.) Click on Design.

designlinky.png

3.) Then click on the tab labeled Template Files.

templatetab.png

4.) Then scroll down to the folder called Styles, and click the plus sign next to it.

stylesplus.png

5.) Then go to the file named styles.css, and click on the Edit link on the right of that row.

stylescss.png

5.) Once you have opened that file then you will search for the following code:
coupon1.png
6.) Then replace the above code with the following code:
coupon2.png 
7.) Save changes by clicking on the save button in the top left of the page.
Now your checkout page should not show the coupon code box. Below is my checkout page after I made the changes to hide the coupon code box:
couponcode4.png

Photo of Drew N

Drew N, Community Manager

  • 259,094 Points 100k badge 2x thumb

Posted 5 years ago

  • 0
  • 1
Photo of Leslie0014

Leslie0014

  • 1,234 Points 1k badge 2x thumb
I followed the above steps to remove the coupon code box from our checkout page, however, it still shows up.  The code in my styles.css was a bit different from what is shown above. 

Mine has two lines of code for CheckoutRedeemCoupon: 
For both lines, I removed the code:
Line #1: margin-top: 0;
Line #2 margin-top: 10px; margin-bottom: 0;. 

Now it reads
.CheckoutRedeemCoupon h4 { display:none; }
.CheckoutRedeemCoupon p { display:none; }

After saving and refreshing, the coupon code box still shows at checkout.

Any thoughts?

Photo of Mike F.

Mike F., Alum

  • 184,438 Points 100k badge 2x thumb
Leslie0014, We are checking with BC on this one also.

Mike
Photo of Mike F.

Mike F., Alum

  • 184,438 Points 100k badge 2x thumb
Hi Leslie0014,  It sounds like this is an older template and some of the instructions may not be correct.  To remove the Coupon option from the Cart page we had to remove a small snippet of code.

%%Panel.SideCouponCodeBox%%
If you ever want to add this back it was on line#24 of the "cart.html" template.

Photo of Leslie0014

Leslie0014

  • 1,234 Points 1k badge 2x thumb
Perfect! Thank you!
Photo of Mike F.

Mike F., Alum

  • 184,438 Points 100k badge 2x thumb
You're welcome

This conversation is no longer open for comments or replies.