Hi there.
I am trying to create a “distraction free” checkout page (somewhat similar to Shopify). I have been able to accomplish most of what I want, however I need help moving the Account Login Form and the Coupon Code Form.
The Account Login Form should go directly above the Billing Address column and the Coupon Code Form should go in the order review column.
I was able to move the Coupon form by adding this code to functions.php
//Remove Checkout Coupon. It is re-added via review-order.php
remove_action( 'woocommerce_before_checkout_form', 'woocommerce_checkout_coupon_form', 10 );
Then adding this code to the review-order.php file:
<tr class="coupon_checkout">
<td colspan="2" class="coupon-td">
<?php
if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly
}
if ( ! wc_coupons_enabled() ) {
return;
}
?>
<form class="checkout_coupon" method="post" style="display:block !important">
<p class="form-row form-row-first">
<input type="text" name="coupon_code" class="input-text" placeholder="<?php esc_attr_e( 'Coupon code', 'woocommerce' ); ?>" id="coupon_code" value="" />
</p>
<p class="form-row form-row-last">
<input type="submit" class="button" name="apply_coupon" value="<?php esc_attr_e( 'Apply Coupon', 'woocommerce' ); ?>" />
</p>
</form>
</td>
</tr>
The coupon form is moved, however it does’t work.. meaning that the page refreshes instead of using Ajax, and it doesn’t accept any coupons.
Can you kindly help with this?
(Page URL is provided bellow.)
Thank you so much.
.
