Please note, this is a STATIC archive of website www.themepunch.com from 28 Sep 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

WooCommerce – Include Quantity with Add to Cart Button

woo-commerce-quantity

Add a "quantity" option when the "Add to Cart" button is clicked for a WooCommerce Product Grid.
For this example, we'll work with the "Jason" skin. But any skin can be used and modified for this setup.

add-html-element

2. Set the element's "Source" to "Text/HTML", and then add the following HTML:

<div class="quantity">
<input class="input-text qty text" type="number" size="4" title="Qty" value="1" name="quantity" min="1" step="1">
</div>

4. Add the following to the Custom CSS section to style the counter.

.esg-content .quantity input {
    font-family: inherit;
    font-size: inherit;
    text-align: center;
    width: 50px;
}

4. Save your skin, and then head over to your grid's main settings page.

5. Click the "API/JavaScript" tab, and add the following Custom JavaScript:

woo-commerce-counter-js