Update: Woocommerce checkout page promo code location

[avanaa]

Hi there,
I submitted a ticket some time ago to move the coupon code on checkout page form top of the page to above the payment option.
Some js and css did the job, but I just realised there is a bug: When there is a failed coupon code attempt, the coupon code section including the error message just disappear. Only way to get it back is to reload the page. I’d rather keep this section whatever happens (good coupon or failed attempt).
Would you look into this for me?
Much appreciated!

[rad]

Hi @avanaa,

Thanks for reaching out.

Unfortunately, that code only moves the HTML content but not the functionality. So it’s still tied up to the original placement, it’s the same as moving a form, it will lose its all javascript functionality.

I recommend removing that code and implement it through PHP instead of javascript. This is the example is https://jilt.com/blog/move-the-woocommerce-coupon-field/. That way, it’s executed on the server instead of the visitor’s browser.

Thanks!