Woocommerce checkout page promo code location

[avanaa]

On woocommerce checkout page, I would like to move the “do you have a promo code” message from top of the page (where it is by default) to under the order review table. I know this implies hook and such, but I can’t figure out how to to this
Thaannnnks!

[ruenel]

Hello There,

Thanks for updating in! Upon checking, the promo code field is already below the order table.
This is what I am seeing:

Please let us know how it goes.

[avanaa]

It is below the order review in the cart page, but I was referring to the checkout page!

[Alaa]

Hi @avanaa

There is another solution with pure CSS and JS which I prefer as it’s easy to use, please add this JS snippet to “Theme Options > JS”:

jQuery(document).ajaxStop(function() {
  	jQuery('.woocommerce-checkout .woocommerce-info.x-alert, .woocommerce-checkout .checkout_coupon').prependTo('.woocommerce-checkout-payment');
	jQuery('.woocommerce-checkout .woocommerce-info.x-alert').css("display","block");
});

And this CSS code to (Theme Options > CSS):

.woocommerce-checkout .woocommerce-info.x-alert {
    display: none;
}

This should move the “Add coupon” box as in this screenshot:

Thanks.