How to customise Order Quantity output in Woocommerce product page

Question

I have specific design which should converted to Woocommerce. I stuck on order quantity part of it. The final design should be like this

I searched through the internet and didn't find any relevant topic. there was something about turning it to Select Input which worked great, but not anything about my desired output.

So any help is appreciated.

Answer 1

The quantity input template is located at woocommerce/global/quantity-input.php. You can add plus and minus html in quantity-input.php.

For more detail, please check this tutorial. http://wcodex.co.in/add-plus-minus-quantity-increment-woocommerce-store/

There is also a question: Add plus and minus buttons to WooCommerce