How to Move Coupon Block before Payment Block In checkout Page

How to Move Coupon Block before Payment Block In checkout Page

Attachments:

You must be logged in to view attached files.

I have tryied using hooks but when click on apply coupon button they trigger Place button. let me know

I am using Elementor Layout and Coupon based element does’t exist

Hello,

To move the coupon block before the payment block on the checkout page, try to add the following code in function.php of the child theme.

remove_action( 'woocommerce_before_checkout_form', 'woocommerce_checkout_coupon_form', 10 );
add_action( 'woocommerce_review_order_before_payment', 'woocommerce_checkout_coupon_form' );

This will place the coupon section above the payment methods.

Best Regards

No This is not working they trigger place order..

No This is not working they trigger place order..

Hello,

Sorry, there is no such option to move the coupon to a new position. It requires customizations and this is beyond our limitations and support policy.

Please follow this guide and move the coupon field. https://www.cloudways.com/blog/move-woocommerce-coupon-field/

Best Regards

IT’s works with Default theme but Not worked with Your theme. This is Bug and wrongly Override and created . Please fix otherwise i will raise a negative review

Hello,

It is not possible to move the form there, as it creates a form within a form, which will not function correctly with any theme. Unfortunately, submitting one form will also trigger the submission of the outer form.

If you are able to achieve this using the default WooCommerce theme, please provide screenshots so we can review how it works in that setup.

Best Regards

https://gopalgautam.com/shop/

coupon – 550ff

I am using

Twenty Twenty-Four theme and fixed your theme soon as posible.

it’s comes with checkout review block.

https://prnt.sc/JrrVibzHAElB

Hello,

You used Gutenberg for the Checkout page. In order to disable it, edit this page and remove all Gutenberg blocks. Then define such a shortcode for the checkout: https://take.ms/8yG9B and test how it works.

Best Regards,

Ok Let me know how to remove this form I am trying remove action but this is not removing

remove_action( ‘woocommerce_before_checkout_form’, ‘woocommerce_checkout_coupon_form’, 10 );

https://prnt.sc/0HayCqiRkVj_

Hello,

You can remove the coupon form by using a custom layout for the checkout page.

Navigate to layout and create a Checkout Layout for “checkout Top Content”, You can remove the coupon form, This way, the coupon form won’t appear.

Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards,

Please chek before wrong instruction. Coupon section not manage via layout. it’s come fromm code and unable to remove from Code also..

Please do in website i alredy gave a details.

please look screenshot

Hello,

You need to create a checkout layout for “Top content”.
https://ibb.co/tP2krLRd

But I have checked your site and the coupon form is not showing in checkout on top.
https://ibb.co/VcfZGHHz

Best regards,

[Author]

Posts