Snippet to add "+" and "-" signs around quantity input on WooCommerce product page

product-quantity-signs.php

add_action( 'woocommerce_before_add_to_cart_quantity', 'display_quantity_minus' );
function display_quantity_minus() {
   echo '<div class="quantity-wrapper"><span>Qty</span><button type="button" class="minus" >-</button>';
}
  
add_action( 'woocommerce_after_add_to_cart_quantity', 'display_quantity_plus' );
function display_quantity_plus() {
   echo '<button type="button" class="plus" >+</button></div>';
}

// TRIGGER JQUERY SCRIPT
add_action( 'wp_footer', 'add_cart_quantity_plus_minus' );
function add_cart_quantity_plus_minus() {
   if ( ! is_product() ) return;
   ?>
      <script type="text/javascript">           
      jQuery(document).ready(function($){              
         $('form.cart').on( 'click', 'button.plus, button.minus', function() {  
            var qty = $( this ).closest( 'form.cart' ).find( '.qty' );
            var val   = parseFloat(qty.val());
            var max = parseFloat(qty.attr( 'max' ));
            var min = parseFloat(qty.attr( 'min' ));
            var step = parseFloat(qty.attr( 'step' ));
  
            if ( $( this ).is( '.plus' ) ) {
               if ( max && ( max <= val ) ) {
                  qty.val( max );
               } else {
                  qty.val( val + step );
               }
            } else {
               if ( min && ( min >= val ) ) {
                  qty.val( min );
               } else if ( val > 1 ) {
                  qty.val( val - step );
               }
            }

            $( 'form.cart .qty' ).trigger("change");              
         });           
      });          
      </script>
   <?php
}