Is there a way or a plugin to reset quantity input field every time a user changes the variation? I searched but i didn't find something similar or any hook.

I tried the following jQuery event but it doesn't seem to fire

function variation_select_change() {
global $woocommerce;
?>
    <script>
        jQuery(function($){
            $( ".variations_form" ).on( "woocommerce_variation_select_change", function () {
            alert( "Options changed" );
            } )
            });
    </script>

Is there a way or a plugin to reset quantity input field every time a user changes the variation? I searched but i didn't find something similar or any hook.

I tried the following jQuery event but it doesn't seem to fire

function variation_select_change() {
global $woocommerce;
?>
    <script>
        jQuery(function($){
            $( ".variations_form" ).on( "woocommerce_variation_select_change", function () {
            alert( "Options changed" );
            } )
            });
    </script>

• php
• functions
• woocommerce-offtopic
• jquery

Share Improve this question edited Oct 14, 2019 at 14:55 Billy asked Oct 14, 2019 at 14:40 BillyBilly 5733 silver badges1313 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 1

To reset quantity input field to 1 when variation changes on product detail page use below code. you can set default quantity from jQuery("[name='quantity']").val(1);. i have tested and it is working fine for me.

add_action( 'wp_footer', 'variation_change_update_qty' ); 
function variation_change_update_qty() { 
   if (is_product()) { 
      ?> 
      <script>
        jQuery(function($){
            $( ".variations_form" ).on( "woocommerce_variation_select_change", function () {
                jQuery("[name='quantity']").val(1);
            } )
            });
     </script> 
      <?php 
   } 
}

let me know is this works for you!