Can quantity form fields be customized in Shopify?

Nate18
Visitor
1 0 0

Hello, I am buiding a store that offers custom printing. For example, a customer has designed some business cards, and would like to send them to me for printing. The quanitites that I offer are 25, 50, 100, 250, 500, 100, and 2500. I thought of adding a variant for quantity, but then I would have to eliminate the standard quantity form field. Is there a way to get rid of that form field? Or a better way to go about doing this?

Also, are there any apps that you're aware of that offer multiple file upoads with a previews?

Thanks!

Nate

 

Replies 11 (11)

tim
Shopify Expert
3258 232 1178

Hi Nate, 

you can do it by modifying your theme to replace the text-entry for quantity with selector. You current theme has something like this for the quantity entry field:

<input type="number" id="Quantity" name="quantity" value="1" min="1" class="quantity-selector">

The idea here is to replace it with something like:

  <select id="Quantity" name="quantity">
    <option value=1 >1</option>
    <option value=10>10</option>
    <option value=20>20</option>
    <option value=50>50</option>
  </select>

However, as you would probably be offering some discounts for bulkier purchases, it's better to do with variants.

In this case quantity field can be removed -- some themes offer this option in theme Customizer, but it can be simply commented in theme code if not.

Carling1
Visitor
1 0 2

@tim Is this available to implement on one product item only, versus changing the quantity selector on every product? For instance, I might have a t-shirt that comes in quantities of 1,2,3,4,5, but within the same store (and on the same theme and shop) - I would have a fillable bottle that would need a quantity with increments of 1.5, 2, 2.5, 3 (& so on...)

CoolErin
Tourist
4 0 1

I have the same question.

We have some products that are sold individually, some that are sets of 12 and another group that is sets of 100.

Do we need to do this code for every product?

MobGuy
Visitor
1 0 0

@Carling1  @CoolErin 

We made a unique product template you don't have to mess with the default template and you can just apply the changes to the products that you want. 

Followed the first part of the Tutorial here:  https://community.shopify.com/c/Shopify-Design/Product-pages-Get-customization-information-for-produ...

Jahangir
Shopify Partner
96 2 16

Hello @CoolErin,

Have you found any solution yet? If not, you can check out the MultiVariants - Bulk Order app which allows you to set a quantity interval increase option. You can increase the quantity in multiple 12, 100, or any other set of quantities based on different products.

Shopify custom quantity increase - like quantity in multiple 5sShopify custom quantity increase - like quantity in multiple 5s

 Here is a demo product you can take a look at

https://multivariant.myshopify.com/collections/professional/products/interval-quantity-incremental-i...

Jahangir | EFOLI
- Was my reply helpful? Please Like and Accept Solution!
- Selling Personalized Products? Try Inkybay | For bulk variant order, check MultiVariants
JULIALLMEIDA
Tourist
12 0 2

Hi

 

I want to put a specific text input based on the quantity of products selected.

 

for example:

select 1 product = text "production period: 8 days" appears

select 10 products = text appears: "production period: 15 days"

 

how do I make the personalized texts appear, based on the chosen quantities?

Robrich
Visitor
2 0 0

You can also customize these values by editing the numbers! Great solution!

Solved a huge problem for me.

 

Thanks Tim!

Jacey-Knowles2
Visitor
2 0 1

Is there any chance that this would work as 'radio' ie. have 3 separate buttons instead of a drop down. Kind of like variant selectors but without the need to actually create variants for my products as this has created confusion for our warehouse with shipping. 

 

my website is noodnutrition.com.au to see how i've set up the variants (which is what i want instead of a quantity selector) and i'm in the process of moving to DAWN theme

1 Tub  -  2 Tubs -  3 Tubs 

smartfixers001
Visitor
2 0 0

How do I enable and set up Custom Quantity Values for specific products in my Shopify  ? Is it a straightforward process?

smartfixers001
Visitor
2 0 0

Custom Quantity Values are valuable for specific products at any store or website

Nathan_Bartlett
Tourist
7 0 2

Thank you so much. Commenting out the code worked. 

 

{% comment %}
   <div class="product-form__item product-form__item--quantity">
      <label for="Quantity">{{ 'products.product.quantity' | t }}</label>
      <input type="number" id="Quantity" name="quantity" value="1" min="1" class="product-form__input product-form__quantity">
   </div>
{% endcomment %}