The Blog

How to Fix the WooCommerce Quantity Field in Firefox

As I've worked with WooCommerce over the years, time and time again I’ve seen the following issue appear for some users in Firefox.

It’s important to note, that this is not actually an issue with WooCommerce, but often caused by Javascript conflicts/errors on one’s site.

You may notice an issue with the quantity field on a product’s page, where a user can’t use the jQuery number input form. It seems to be just another set of up/down arrows inside of the text box, with no ability to actually write a quantity number.

If you’re having trouble solving the Javascript problem (you should solve it), and you’re too lazy to get help and fix it (really, you should fix it), you can add the following to your custom.css / style.css file or with a plugin like Simple Custom CSS:

I hope that helps you out!

Introducing Metorik


A single dashboard unifying your store's orders, customers, and products, helping you understand your data and make more informed decisions.