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.

jQuery di Gabriele Romanato

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 );

Commenti