About add Quantity Selector to a specific product

About add Quantity Selector to a specific product

MSLEUNG
Visitor
1 0 0

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

Replies 2 (2)

untanglged0128
Tourist
6 0 1

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' %}
  <!-- Your quantity selector code here -->
{% endif %}

 

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

 

Easify-Jolie
Shopify Partner
83 4 4

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

 

  • 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

 

  • 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


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

Easify Product Options: Any product options app can help you create custom options, but Easify turns those options into sales and conversions!
Easify Inventory Sync: Automate inventory syncing for Bundles, Duplicates, and Raw Materials. Say goodbye to manual tracking headaches.
Easify Product Attachments: Enrich your store with downloadable content. Easily add PDFs and other files to product or any page.
>>> Try Apps for Free | 24/7 Live Chat Support