WooCommerce Quantity Selector

Today I came across an issue with the quantity selector used in Enfold to replace the original WooCommerce selector. The one used in Enfold does not read the min-value, max-value and step arguments available from the woocommerce_quantity_input_args filter.

Copy the following function to a child theme functions.php:

add_filter( 'woocommerce_quantity_input_args', 'mmx_change_qty', 20, 2 );
function mmx_change_qty( $args, $product ) {
	$args['input_value']        = 10;   // Starting value
	$args['max_value']          = 50;   // Maximum value
	$args['min_value']          = 10;   // Minimum value
	$args['step']               = 10;   // Quantity steps
	return $args;
}

Now call a simple product (not a variable product) in your browser an look into the source code. You will see:

<input type="text" step="10" min="10" max="50" name="quantity" value="10" title="Qty" class="input-text qty text" size="4">

Using a theme that does not replace the woocommerce quantity selector will result in

1. The default value is 10
2. Increments and decrements are in steps of 10
3. 50 is the maximum and 10 the minimum you can order

Using Enfold you get:
1. The default value is 10
2. Increments and decrements are in steps of 1
3. There is no order limit

The reason for this issue is the function jQuery(".quantity input[type=number]").each(function(){ .... }); in /enfold/config-woocommerce/woocommerce-mod.js. To make it work you need to read the step, min and max values from the input field and modify the plus.on and minus.on events accordingly.

Drop me a note if you need more input.