Coupon Code Form

Hi there,

I would like you to help please with the coupon code form.
So, I changed the location of the field to be under the order total using:

remove_action( 'woocommerce_before_checkout_form', 'woocommerce_checkout_coupon_form');
add_action( 'woocommerce_checkout_order_review', 'woocommerce_checkout_coupon_form' );

But I would like to delete the {Click here to enter your code}, and keep the form opened by default.

Thanks a lot.

Hello,

Unfortunately, such customization is not included in our support.

You can get acquainted with Envato Support Policy here:

https://themeforest.net/page/item_support_policy

I suggest you try to use the “Checkout field editor” plugin which gives the possibility to change the “Checkout” page as you want.

I do hope you would remain as our valued customer and thank you for your time.

Kind Regards

But I see you replied to a lot of clients with the same issue in this form, but they are all old answers and no longer working.

Hello,

Please, send me a link to your website that has such a coupon form so I can see what we can do best for this situation.

Looking forward to hearing back from you!

Kind Regards

Here:

Hello,

The below code will help you to hide the text in the “Coupon” input.

.coupon ::-webkit-input-placeholder {
    color: transparent;
}

Also, seems that the “Coupon” form is always opened by default.

https://gyazo.com/d53a908d91a6b1233e261b00bef82623

Kind Regards

Still the same my friend.

Attachments:

You must be logged in to view attached files.

Hello,

Sorry, a new one should work properly, please replace the old one with the below.

.coupon input::placeholder {
color: transparent;
}

Thank you for your patience

Kind Regards

Still the same my friend.

I have the same problem.
Moreover, it makes no sense to remove it through the css, because if you remove it with the help of the css, then both coupons are hidden. both old and relocated.

But still, I agree with the topic author Luke – here you need to contact the authors of the plugin Woocommerce

Hello,

I have checked it from my side, on the “Cart” page from Chrome, Mozilla, and Opera browsers the coupon field is empty.

https://prnt.sc/nBGMD5i7jSob

https://prnt.sc/187u3LSNISLQ

https://prnt.sc/i5YMvH1SItSO

But on the “Checkout” page it still appeared so in this case, replace the old CSS with the below one.

.coupon input::placeholder,
.form-row-first input::placeholder {
    color: transparent;
}

https://prnt.sc/FlWC14FVr555

Kind Regards

Nothing has changed my friend on all browsers.

Check attachments

Attachments:

You must be logged in to view attached files.

Hello,

Sorry for the misunderstanding, the above code hides the “Coupon code” text in the input itself.

All I can do is hide the “Click here to enter the coupon code” text with the help of the custom CSS, so please try the below code.

.checkout-order-review .woocommerce-info {
    display: none;
}

Before: https://prnt.sc/B_1_MrwjNnf6
After: https://prnt.sc/7lLelEda0ikQ

I await your response.

Kind Regards

This work, PERFECTLY brother.

Thanks a lot, you may close this thread, and mark it as solved.

Hello,

Glad that everything is sorted out!

Don’t hesitate to reach out if you have any more questions or concerns. We’re thankful that you took the time to share your concerns with us.

Kind Regards

[Author]

Posts