About add Quantity Selector to a specific product

Shopify Discussion

Topic summary

Main issue: On Debut theme, a quantity selector added per Shopify guide isn’t appearing on a specific product page. The requester also wants the selector enabled only on selected products, not storewide.

Troubleshooting (code-based): Ensure the quantity input code is inside the product form in product-template.liquid or product-form.liquid. Check for conditional logic hiding it and look for errors in the browser console that might block rendering.

Targeting specific products: Use Liquid conditions with product.id to show the selector only for chosen products. Replicate the condition for multiple IDs or centralize it in a reusable snippet for broader reuse.

No‑code alternative: A third party app (Easify Product Options) was suggested. It can add a quantity selector per option value, configured via “Image Swatch” and “Allow quantity selector for option value,” with conditions to control when it appears.

Media/attachments: Screenshots were shared to illustrate the missing selector and the app’s configuration/results.

Status: No confirmed resolution; actionable next steps provided (code checks, conditional targeting, or using an app).

Summarized with AI on December 13. AI used: gpt-5.
1

Hi,

  1. i want to add Quantity Selector to a specific product. I am using Debut theme. I added the codes instructed on the Shopify Support Guide but it doesn’t shown on the Product Page. i attached the screenshot here for your further investigation.

  2. I need to select not only 1, but several products to have Quantity Selector, how to add the codes?

螢幕擷取畫面 (935).png
螢幕擷取畫面 (935).png3202×1818 503 KB

2

It sounds like you’ve followed the instructions to add a quantity selector to your product page, but it’s not showing up.

My proposed solution:

  1. First, make sure that you’ve placed the code correctly in your product-template.liquid or product-form.liquid (depending on your theme setup). Look for the code that controls the product’s quantity, and ensure it’s wrapped within the form that handles the product variant.
  2. If the selector is still not showing, check if there’s any conditional code blocking it or any errors in your browser’s developer console that might be preventing it from displaying.
  3. To add the quantity selector to multiple products, you’ll need to make the code reusable. You can modify the code to target specific product IDs, like this:
{% if product.id == 'specific-product-id' %}
  
{% endif %}

Repeat this logic for each product or use a common snippet if the selector should apply to all.

3

Hi @MSLEUNG

If you’re looking to add a Quantity Selector for specific products, I recommend trying Easify Product Options. I know you’re exploring coding solutions, but Easify offers a simpler, no-code approach. Here’s how it can help you:

  • This is the result:

EasifyJolie_0-1733220148843.png
EasifyJolie_0-1733220148843.png1149×614 590 KB

  • This is the app setting. It is very simple, to create your list, you just need to use Image Swatch in Easify Product Options.

EasifyJolie_1-1733220147804.png
EasifyJolie_1-1733220147804.png1329×568 200 KB

  • To use the quantity selector for an option value, go to Advanced Settings, enable Allow quantity selector for option value and edit the condition according to your needs

EasifyJolie_2-1733220147736.png
EasifyJolie_2-1733220147736.png1325×556 150 KB

This app is very easy to use,if you’re interested, reach out to the Easify team for more details! :hugs: