# How to add a quantity selector to your product page

**URL:** https://forum.builder.io/t/how-to-add-a-quantity-selector-to-your-product-page/248
**Category:** Shopify
**Tags:** shopify
**Created:** [October 14, 2020, 7:40pm UTC](https://forum.builder.io/t/how-to-add-a-quantity-selector-to-your-product-page/248 "2020-10-14T19:40:53Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![maddy](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/maddy/32/11_2.png) [@maddy](https://forum.builder.io/u/maddy)
#### Post date: [October 14, 2020, 7:40pm UTC](https://forum.builder.io/t/how-to-add-a-quantity-selector-to-your-product-page/248/1 "2020-10-14T19:40:53Z")

</div>

To add a quantity selector to your product page:

1. Navigate to your product page in the visual editor

2. Drag and drop an input block from the “forms” section in the insert tab onto your page (make sure the input is in the “product options form” layer)

 ![Screen Shot 2020-10-14 at 1.56.11 PM](https://us1.discourse-cdn.com/flex020/uploads/builder/original/1X/ed0b58e5dcb526a0977ce87c678893a527fe2155.jpeg)

1. Navigate to the options tab and change the input type to “number”, give the input the name “quantity” (the name is case sensitive, make sure the name is all lower case), and a default value (e.g. 1). Now the quantity selector is functional.

 ![Screen Shot 2020-10-14 at 1.42.54 PM](https://us1.discourse-cdn.com/flex020/uploads/builder/original/1X/2beb88934d428ae3d6c5740cbd906169e4392157.jpeg)

If you would like to add a minimum value to your input (e.g. “1” so users can’t select 0 or negative numbers): navigate to the custom element attributes section in the styles tab and add a “min” property and set a minimum value.

 ![Screen Shot 2020-10-14 at 1.58.00 PM](https://us1.discourse-cdn.com/flex020/uploads/builder/original/1X/3568aa424d18db84b8d1176b1fb051763dfc9753.jpeg)

---

<div class="post-metadata">

### Author: ![VickyConstruct](https://avatars.discourse-cdn.com/v4/letter/v/bb73d2/32.png) [@VickyConstruct](https://forum.builder.io/u/VickyConstruct)
#### Post date: [December 11, 2020, 4:53am UTC](https://forum.builder.io/t/how-to-add-a-quantity-selector-to-your-product-page/248/2 "2020-12-11T04:53:59Z")

</div>

Hi  
It is not working [https://builder.io/content/9e6a9581830041fbbf04c1764db44d99](https://builder.io/content/9e6a9581830041fbbf04c1764db44d99)

---

<div class="post-metadata">

### Author: ![maddy](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/maddy/32/11_2.png) [@maddy](https://forum.builder.io/u/maddy)
#### Post date: [December 11, 2020, 7:31pm UTC](https://forum.builder.io/t/how-to-add-a-quantity-selector-to-your-product-page/248/3 "2020-12-11T19:31:23Z")

</div>

Hi @VickyConstruct!

At this time, the quantity selector functionality is only available for product pages, not product boxes. Sorry for any confusion. This is on our roadmap and we will let you know when this functionality is available!

---

<div class="post-metadata">

### Author: ![VickyConstruct](https://avatars.discourse-cdn.com/v4/letter/v/bb73d2/32.png) [@VickyConstruct](https://forum.builder.io/u/VickyConstruct)
#### Post date: [December 11, 2020, 9:49pm UTC](https://forum.builder.io/t/how-to-add-a-quantity-selector-to-your-product-page/248/4 "2020-12-11T21:49:15Z")

</div>

Thanks!  
Any other way to add more thna one product at a time?