Blog

Quantity box with plus and minus buttons in woocommerce

How to make Quantity box with plus and minus buttons in woocommerce like this:

Step 1. Add buttons

Go to folder /wp-content/plugins/woocommerce/templates/global, and copy file quantity-input.php to folder your-theme/woocommerce/global/

Edit the file and add two buttons to it. Example:

In this code, we have inserted these two buttons:

And added custom classes.

Step 2. Add javascript code

For the buttons to work, you need to connect this script:

Step 3. Add css styles for quantity buttons

As a result, you should get working buttons plus and minus.

Leave a Comments

Your email address will not be published. Required fields are marked *

© Copyright 2014 -  vchuy-develop.com. All rights reserved