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.

score 1 · Accepted Answer · edited May 23 '17 at 11:53

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

edited May 23 '17 at 11:53

Community

1
1

answered Nov 12 '16 at 14:33

Stanley Wang

1,154
10
13

Thank you @ucheng, That is very good resource. Just what I needed. – startToday Nov 13 '16 at 06:36

How to customise Order Quantity output in Woocommerce product page

1 Answers1