Coupon Display form on Checkout

[diegobarloqui]

to whom it may concern,

I want to show the coupon form directly on checkout page, similar as cart page.

The idea, is to avoid the question on top, can you guide me how to do it, if is it posible.

 

Thk.

[Rui Guerreiro – SUPPORT]

Hi,

You want to move the coupon field from the Cart page to the checkout page?

If that’s it, it’s seems complex and could cause a lot of issues but only Woocommerce support can give you a more accurate reply about that since it’s controlled by the Woocommerce plugin.

-Rui

[diegobarloqui]

Rui,

Nou, i don´t want to move the field from cart to checkout.

 

I want to display the field directly in the checkout page, avoiding one click. To show the coupon field in the check out, you have to click the option on top of the page.

Thk.

[Rui Guerreiro – SUPPORT]

Hi,

What is your shop page where I can add some products?
Tried several links but couldn’t find it.

-Rui

[diegobarloqui]

https://www.laruecaproducciones.com.ar/store/shop/

 

[Rui Guerreiro – SUPPORT]

Hi,

Try to add the code below to your custom css option.

.woocommerce-checkout .woocommerce .woocommerce-info:nth-child(4) {
  display: none;
}

.woocommerce-checkout  .woocommerce form.checkout_coupon{
display:block!important;
}

-Rui

[diegobarloqui]

Rui,

Still showing the question, to do click.

[diegobarloqui]

Nou, sorry.

It´s working ok now!!!

Thk, very much!!!

Can i ask you another issue?

Now, i would like to show the coupon form, at the bottom of the order-bill.

Thank you.

[diegobarloqui]

Rui, sorry.

The previous issue, when we are logged-in, it´s not working.

 

[Rui Guerreiro – SUPPORT]

It’s not showing to me, you need to clear the cache.

But because of and coupon layout issue you need to replace this code.

.woocommerce-checkout  .woocommerce form.checkout_coupon{
display:block!important;
}

by this one

.woocommerce-checkout .woocommerce .checkout_coupon {
  display: block!important;
  clear: both;
}

This is just an css workaround the other way of doing it with js and php is outside of our support scope.

-Rui

[diegobarloqui]

Rui,

I clear the cache and when we are loggen in, still showing the question.

I think, is something wrong with this code. { (nth-child(4)) ??? }
<div id=”crayon-558981046ecef423712251-2″ class=”crayon-line crayon-striped-line”>
.woocommerce-checkout .woocommerce .woocommerce-info:nth-child(4) {
display: none;
}

</div>
<div id=”crayon-558981046ecef423712251-5″ class=”crayon-line”></div>
 

[Rui Guerreiro – SUPPORT]

Hi,

Will need user credentials to be able to login and check it while I’m logged in.

Thanks

-Rui

[diegobarloqui]

Rui,

Thank you for your assitance, I have solved this problem.

 

[Rui Guerreiro – SUPPORT]

No problem. glad it’s sorted.
-Rui

[diegobarloqui]

Rui,

I solved the code requirement but I need some help on css.

I want to show de coupon form below totals, (as I show on image attachment). I used this custom css code, but margin-top its wrong because on others device looks different.

Could you help to set correctly? Thk

.woocommerce-checkout .woocommerce .checkout_coupon {
display: block!important;
clear: both;
width: 50%;
float: right;
border: 0;
margin-right: -120px;
margin-top:-585px;
padding-left: 8px;
padding-right: 25px;

Attachments:

You must be logged in to view attached files.