WooCommerce Product Quantity Dropdown

WooCommerce by default adds a quantity input box to your product pages where customers can enter quantities, but a lot of times you want to have more control over the quantities and make it more idiot proof on your site for customers by allowing them to select the quantities instead of entering it themselves.

The following snippet of code I wrote will replace the default WooCommerce quantity input box and replace it with a dropdown select option of quantities. It is fully compatible with the Min/Max Quantities extension which allows you to display quantities in the dropdown based on the minimum, maximum and group values so the customer can only select values in which the product can be bought instead of having to use plus and minus buttons or entering a value manually.

To turn your WooCommerce quantity input boxes into dropdown select options simply copy the following code to your theme’s functions.php file

<?php


// Place the following code in your theme's functions.php file


// override the quantity input with a dropdown


function woocommerce_quantity_input() {


    global $product;





 $defaults = array(


  'input_name'   => 'quantity',


  'input_value'   => '1',


  'max_value'   => apply_filters( 'woocommerce_quantity_input_max', '', $product ),


  'min_value'   => apply_filters( 'woocommerce_quantity_input_min', '', $product ),


  'step'   => apply_filters( 'woocommerce_quantity_input_step', '1', $product ),


  'style'  => apply_filters( 'woocommerce_quantity_style', 'float:left; margin-right:10px;', $product )


 );


 if ( ! empty( $defaults['min_value'] ) )


  $min = $defaults['min_value'];


 else $min = 1;





 if ( ! empty( $defaults['max_value'] ) )


  $max = $defaults['max_value'];


 else $max = 20;





 if ( ! empty( $defaults['step'] ) )


  $step = $defaults['step'];


 else $step = 1;





 $options = '';


 for ( $count = $min; $count <= $max; $count = $count+$step ) {


  $options .= '<option value="' . $count . '">' . $count . '</option>';


 }


 echo '<div class="quantity_select" style="' . $defaults['style'] . '"><select name="' . esc_attr( $defaults['input_name'] ) . '" title="' . _x( 'Qty', 'Product quantity input tooltip', 'woocommerce' ) . '" class="qty">' . $options . '</select></div>';


}


?>