WooCommerce Quantity Increment

WooCommerce uses number inputs for the cart quantities by default, as most browsers now support .

However, you may want to have JavaScript powered inputs if you want greater control over appearance. Simply install and activate this plugin to do so.

It optionally includes a Number Polyfill, which is a polyfill for implementing the HTML5 element in browsers that do not currently support it.

To include this, add the following code to your theme’s functions.php file:

add_action( 'wp_enqueue_scripts', 'wcqi_enqueue_polyfill' );
function wcqi_enqueue_polyfill() {
    wp_enqueue_script( 'wcqi-number-polyfill' );
}

1. Upload woocommerce-quantity-increment to the /wp-content/plugins/ directory or search for ‘WooCommerce Quantity Increment’ from Plugins > Add New.
2. Activate the plugin through the ‘Plugins’ menu in WordPress

I don’t want to use the plugin styles as it looks bad with my theme

You can add the following to your functions.php file:

add_action( 'wp_enqueue_scripts', 'wcs_dequeue_quantity' );
function wcs_dequeue_quantity() {
    wp_dequeue_style( 'wcqi-css' );
}

This will dequeue the plugin’s stylesheet.

1.1.1

• Removed original author from contributors

1.1.0

• Updated to work with the WooCommerce 2.6 cart ajax script.

1.0

• Initial Release