I want to get my quantity selector to show what quantity is actually in stock instead of when you click quantity it goes on for ions and then you push add to cart and it says you can’t add more products. What the? When I go to buy items online and I click on the quantity, it’ll only let me click so many, when there is a limit in stock, so this is what I’d like to accomplish. I am trying to get Dawn set up to try as I already have Debut and neither have this option. I assume a code needs to be put in to make this happen. For example if I have 8 of an item in stock, this is all that will show on that particular item and if I have 2 in stock of an item, this is the only quantity that will show up to buy. How can a person make this happen? Thanks in advance.
Topic summary
Goal: add a quantity selector and per‑unit price directly on the collection/catalog (all products) page in Shopify’s Dawn theme, keep shoppers on the same page when adding to cart, and match theme styling.
Key points:
- Product pages already support quantity and AJAX add‑to‑cart (no page change), but the collection page does not. Implementing inline quantity + add‑to‑cart on collection cards requires custom code; Dawn’s “Quick Shop” modal has these controls but the requester wants them visible without opening Quick Shop. Screenshots illustrate the desired inline layout.
- A contributor confirmed it’s feasible via code edits and proceeded via collaborator access and email; no public code was shared in the thread.
Related issues raised:
- Limit quantity selector to available stock (e.g., cap at inventory count) to avoid allowing excessive quantities that error at add‑to‑cart; this also requires custom logic.
- Adding a simple form to product-card.liquid caused products to stack vertically and button styles to mismatch, indicating the need to follow theme markup/CSS classes and grid structure.
Status: No published solution or steps provided; discussion moved off‑thread and remains unresolved publicly.