Nick Verwymeren

<p>WooCommerce uses number inputs for the cart quantities by default, as most browsers now support <code><input type="number" /></code>.</p>
<p>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.</p>
<p>It optionally includes a <a href="https://github.com/jonstipe/number-polyfill" rel="nofollow ugc">Number Polyfill</a>, which is a polyfill for implementing the HTML5 <code><input type="number"></code> element in browsers that do not currently support it.</p>
<p>To include this, add the following code to your theme’s <code>functions.php</code> file:</p>
<pre><code>add_action( 'wp_enqueue_scripts', 'wcqi_enqueue_polyfill' );
function wcqi_enqueue_polyfill() {
    wp_enqueue_script( 'wcqi-number-polyfill' );
}
</code></pre>


WooCommerce Quantity Increment

WooCommerce Quantity Increment adds JavaScript powered quantity buttons to your cart page.

Marc Queralt i Bassa

Niels Lange

derweltbuerger

<p>Increment Quantity Buttons for WooCommerce adds two additional buttons to the quantity input field on the WooCommerce product page to easily increase and decrease the quantity via button click.</p>
<h3>Compatible with</h3>
<ul>
<li><a href="https://wordpress.org/plugins/minmax-quantity-for-woocommerce/" rel="ugc">Min and Max Quantity for WooCommerce</a></li>
<li><a href="https://woocommerce.com/products/composite-products/" rel="nofollow ugc">WooCommerce Composite Products</a></li>
<li><a href="https://wordpress.org/plugins/woo-min-max-quantity-step-control-single/" rel="ugc">WooCommerce Min Max Quantity & Step Control Single</a></li>
<li><a href="https://woocommerce.com/products/minmax-quantities/" rel="nofollow ugc">WooCommerce Min/Max Quantities</a></li>
<li><a href="https://wordpress.org/plugins/woo-min-max-quantity-limit/" rel="ugc">WooCommerce Minimum and Maximum Quantity</a></li>
<li><a href="https://woocommerce.com/products/product-bundles/" rel="nofollow ugc">WooCommerce Product Bundles</a></li>
</ul>
<h3>Filter</h3>
<p>Since 1.13 it’s possible to flip the -/+ buttons to +/-. To do that, please add the corresponding filter to your functions.php file:</p>
<p><strong>Flip quantity buttons:</strong></p>
<pre><code>add_filter( 'flip_quantity_buttons', '__return_true' );
</code></pre>
<p>Since 1.9 it’s possible to disable the plugin on the product page and/or the cart page. To do that, please add the corresponding filter to your functions.php file:</p>
<p><strong>Disable plugin on product page:</strong></p>
<pre><code>add_filter( 'show_on_product_page', '__return_false' );
</code></pre>
<p><strong>Disable plugin on cart page:</strong></p>
<pre><code>add_filter( 'show_on_cart_page', '__return_false' );
</code></pre>
<p>Since 2.2, it’s possible to use <code><button></code> instead of <code><input type="button"></code> for the quantity buttons. To do that, please add the corresponding filter to your functions.php file:</p>
<p>*** Use <code><button></code> instead of <code><input type="button"></code> ***</p>
<pre><code>add_filter( 'use_html_buttons', '__return_true' );
</code></pre>
<h3>Contribute</h3>
<p>Contributions are more than welcome. Simply head over to <a href="https://github.com/nielslange/smntcs-quantity-buttons-for-woocommerce/pulls" rel="nofollow ugc">Github</a> and open a pull request.</p>


SMNTCS Quantity Increment Buttons for WooCommerce

Display the quantity increment buttons on the WooCommerce product page and the WooCommerce cart page.

WooCommerce Quantity Increment vs SMNTCS Quantity Increment Buttons for WooCommerce