Refresh Coupon on payment method change

You can try adding this to your theme:

//Update the cart preview when payment method is changed by the customer
add_action( 'woocommerce_review_order_after_submit' , function () {
	?><script type="text/javascript">
		jQuery(document).ready(function($){
			$(document.body).on('change', 'input[name="payment_method"]', function() {
				$('body').trigger('update_checkout');
				$.ajax( $fragment_refresh );
			});
		});
	</script><?php
} );

This is the way the WooCommerce Pay for Payment plugin updates the cart after changing payment method.

Thanks a lot for the quick answer! It’s unfortunately not working, the invalid coupon still nit get refreshed in the order review. I ended up manually adding and removing coupons to the order review using your logic. This saved me a lot of time.

Now, I just only need to fadeout/erase the Woocommerce notice when I took off the coupon from the order review (since I still want to use your really nice customer notice when adding a coupon). Do you perhaps have an hint/idea how to hide an already displayed woo notice? The notices when added are queued, displayed and then erased from the queue so I have no chance to catch them up to make them disappear.

Don’t hesitate to mark the topic as closed if you have no idea on this one, the logic you are sing to add and remove coupons already helped me a lot.

Regards
Pierre

I’m currently working on an update, that will probably fix your issue (I reproduced your issue). And as a bonus a shipping-method-restriction will be added to the coupon options!

That’s really cool! I will then try to be patient ??

as a small hint, be aware to check if you are on the cart page or checkout page (is_cart() and is_checkout()) while manipulating coupons otherwise you will end scratching your head why coupons are doubled ??

I will close the topic now, but if in the mean time you came up to a solution how to fade out already displayed notices (I will try my luck with jQuery FadeOut right now), it would be really cool if you post the snippet here.

Got it. Just in case you could need the code, I found a solution how to remove the already displayed notice from the coupon. No chance within php, so I ended up using the same jQuery function I use to update the review order upon selection of a payment method. Here is the function, in case you could need it :

/**
 * Updated the checkout when change the payment method.
 */
(function ( $ ) {
	'use strict';

	$(function () {
		$( document.body ).on( 'change', 'input[name="payment_method"]', function () {
                              $(".woocommerce-error, .woocommerce-message").remove();
                              $("html, body").animate({
                                                      scrollTop: $("form.checkout").offset().top - 100
                                                      }, 1e3);
			$( 'body' ).trigger( 'update_checkout' );
                              $.ajax( $fragment_refresh );
		});
	});
}( jQuery ));

Please check out the development version. Note: The name of the plugin will change to WooCommerce Extended Coupon Features.

I added the feature to limit coupons to certain payment or shipping options. Also I check whether the request is ajax or not, to disable double notices.

To auto-update the preview during checkout, You should only have do this (so you should remove your javascript):

In your theme add class “update_totals_on_change” to the container (div / p / whatever) that holds the payment method radio buttons.
You can do this by overriding woocommerce/templates/checkout/payment.php (place it in your_template/woocommerce/checkout/).

Please try it and let me know.

PS: You will still need the part of your JavaScript to hide notices that were already visible.

I just released version 2.0.0. This version also has a payment method filter for coupons.