Search code examples
woocommercecart

Customize Quantity Selector in WooCommerce Cart

I am using the Canvas theme from WooThemes, and running the WooCommerce plugin for my e-commerce website. My products are measured in Square Feet, and the order quantities range widely with random numbers of sq. ft. ordered.

The units of measure available to me in the WooCommerce cart do not include sq. ft., and the quantity selector only contains pre-selected quantities that range from 1 through 9.

How can I change the unit of measure to show sq. ft. and the quantity amount in the cart / check-out to be input manually as random numbers? For example: 1253 sq. ft.

https://prettyhardwoodflooring.com

Thanks, Gene

Solution

  • In most of WooCommerce, Quantity field is set to Number input type. That's the reason for it.

    Below is the screenshot taken from your site.

    enter image description here

    If you notice in that screenshot, number is set in type. So you need to change it to text in context of your desire result.

    <input name="quantity" value="1" title="Qty" class="input-text qty text" type="text">

    Replace it with above code and there you GO :)

    Tell me if you have any doubt.