Change Coupon Position On Checkout Page, Show it Before Order Table

Share Now

# Add this js code
-Add this code inside jQuery Ready()

//coupon on checkout page position start
var coupon2 = $(".checkout_coupon.woocommerce-form-coupon");
coupon2.insertBefore('h3#order_review_heading');
//coupon on checkout page position end

# Now Add this CSS

/*unhide copuon code checkout*/
.checkout_coupon {
 display: block !important;
}
/*hide message have a coupon?*/
.woocommerce-info {
display:none;
}
/*coupon code checkout style*/
.checkout_coupon button.button{
background-color: #insert button color here;
}
Picture of Nahid Mahamud

Nahid Mahamud

Web Developer | Graphic Designer | WordPress & Woo-commerce Expert