Product Quantity Selector Not Showing Numbers on Product Pages (Debut Theme)

[leslieja]

Hello,

I can't seem to find an answer to the issue I am experiencing on http://jamnola.com. The quantity selector on product pages is either showing only a blank box or showing a box with just the arrows (depending on the browser) on desktop view. You cannot see the actual numeral/quantity selected when clicking up or down, which is a problem. (On mobile, the user can type in the numeral manually, which is fine.) I've checked all the solutions I've seen in similar help requests: the form text color is black and should be visible; the Product Page setting has the quantity selector enabled. I tried to see if this would work, but, 1) I shouldn't need to go into the code since the Debut theme has a quantity selector setting, and 2) I don't even see <form> in product.liquid. When I search for it, the highlighted code doesn't say <form>. (EDIT: I guess it shows I don't code. I now understand what is meant by <form> after reading other posts. Still don't know where to put the copy/paste code in the linked solution, though.)

Anyone know the fix for this? It stinks this happened during BFSBSCM.😞

[Hardik29418 · Accepted solution]

Please place this code at the end of theme.scss

.product-form__input--quantity {
max-width: 11rem !important;
}

[leslieja]

So far, so good! As soon as I check through all the other pages I'll mark as solved.

[AsherTech]

Hi guys,
Mine is even worse. Quantity selector is not showing at all. From the product page all the way to the checkout page. You can only add to cart or buy now.
Check screenshot to see what I mean. Any help from the community would be much appreciated.

[AsherTech]

Thanks for reaching out, @Hardik29418 .
Hopefully I've been able to fix it 🙂