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.
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