Woocommerce Quantity Dropdown

[kcdrip]

Hello, I am wondering how I can change the Quantity for the “Add to Cart” from typing in the number to a drop down with a preset range?

[sharmstr]

I’m not sure if this was an oversight or if 7th queen devs just didnt like the look of it. But by default, woo has up and down arrows that appear in the qty box to change it. They aren’t appearing in Kleo. You can add them by putting this in quick css

COPY CODE

.woocommerce input[type=number]::-webkit-inner-spin-button, .woocommerce input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: inner-spin-button;
}

.woocommerce .quantity .qty {
    width: 3.631em;
}

I realize this isn’t a dropdown that you’ve requested. If want a dropdown, you’d be better off asking on the woo forums because you’ll need to override their code. Or maybe this will work: http://gerhardpotgieter.com/2013/09/09/woocommerce-product-quantity-dropdown/

I thought I saw a max qty for products somewhere before, but cant find it now. Gooogle it or ask woo.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Abe]

Hello, it was our intention not to show it since it doesn’t look really well and it is not a very used feature from our point of view.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[sharmstr]

Got it. thank you.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[esoftarena]

Hi,
I want to enable this plus and minus feature in quantity input box… I tried with the above code… but it is not working for me… Please let me know how I can enable it.

Thanks

[Abe]

The code above should work for webkit browsers like Chrome and Safari

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Author]

Posts