Paul Chinmoy

Web Developer

Change Quantity Input Field into Select Drop Down on Single Product Page

Select drop down quantity field
Select drop down quantity field

By default WooCommerce is adding a simple input field for product quantity where user can enter the number or click on the “+/-“ icon to increase/decrease the quantity.

In this tutorial I am showing how you will change this input field into “Select” drop-down field. If you are enable the stock manger for your product, drop down value will change based on product’s stock quantity. My script is taking care this feature also.

Let’s share the steps at below.

Change Quantity Templates

The rest of the content is available for Pro members. Click on the PAY NOW button to enable access to this content.

$20.00Pay Now

* Payment is non-refundable.

Paid members will be able to login below to see the restricted content.

Login

1 review for Change Quantity Input Field into Select Drop Down on Single Product Page

  1. Amihay Dvir (verified owner) –

    Hi

    The change doesn’t work on Elementor single-product template, and on the JET product-grid as well 🙁

Only logged in customers who have purchased this product may leave a review.

Search Tutorials