jQuery: gestire la quantità in un form di aggiunta al carrello di WooCommerce

jQuery: gestire la quantità in un form di aggiunta al carrello di WooCommerce

Con jQuery possiamo gestire la quantità in un form di aggiunta al carrello di WooCommerce.

La soluzione è la seguente:


(function( $ ) {
   $(function() {
       var $cartForm = $( "#add-to-cart-form" );

       if( $cartForm.length ) {
           var $minus = $cartForm.find( ".minus" );
           var $plus = $cartForm.find( ".plus" );
           var $qty = $cartForm.find( ".qty" );

           $minus.click(function() {
               var qty = ( $qty.val().length > 0 && /^\d+$/.test( $qty.val() ) ) ? parseInt( $qty.val(), 10 ) : 1;
               if( qty > 1 ) {
                   qty -= 1;
               }
               $qty.val( qty );
           });

           $plus.click(function() {
            var qty = ( $qty.val().length > 0 && /^\d+$/.test( $qty.val() ) ) ? parseInt( $qty.val(), 10 ) : 1;
            if( qty >= 1 ) {
                qty += 1;
            }
            $qty.val( qty );
            });
       }

   });    
})( jQuery );

Torna su