Add Fixed Bulk Quantity Selector To Shopify Product Page

Why Use Fixed Bulk Quantity Options?

Typing large quantities is tedious and error-prone—especially for high-volume orders. Providing preset quantity options (e.g., 100, 200, 300 pcs) reduces friction, lowers errors, and encourages consistent bulk purchasing. All without adding apps or custom JavaScript. This method also improves speed and conversion likelihood.

Step 1: Add New Product Template

From your Shopify admin:

• Go to Online Store → Themes → Edit Code
• Under Templates directory, click “Add a new template”
  
• Template type: product & File name: bulk-quantity
• Click Done

This creates product.bulk-quantity.json template.

Step 2: Create A Custom Section

In the Sections folder:

• Click Add a new section
• Name it main-product-bulk-quantity.liquid
• Open the default main-product.liquid and copy all code
  
• Paste into your new main-product-bulk-quantity.liquid file

Find the closing </quantity-input> tag and remove the entire <quantity-input>...</quantity-input> block from your code. Then paste the code below and Save the file.

{%- assign bulk_quantities = '100,200,300,400,500,600,700,800,900,1000' | split: ',' -%}
  
<div style="margin-top: 16px;">
  <label
    for="Quantity-{{ section.id }}"
    style="display: block; margin-bottom: 6px;">
    Bulk Quantity
  </label>

  <select
    id="Quantity-{{ section.id }}"
    name="quantity"
    form="{{ product_form_id }}"
    style="width: 80px; max-width: 80px; padding: 10px 14px; border: 1px solid #ccc; cursor: pointer;">
    {%- for q in bulk_quantities -%}
      <option value="{{ q }}">{{ q }}</option>
    {%- endfor -%}
  </select>
</div>

Step 3: Edit Your JSON Template

• Open product.bulk-quantity.json which you created
• Under the "main" section
• Rename the "type": "main-product" to "main-product-bulk-quantity"
• This is how it looks after renaming the code below

{
  "sections": {
    "main": {
      "type": "main-product-bulk-quantity",

Step 4: Assign Template To Product

• Go to your product in Admin
• Navigate to the product you want to update
• In the Theme template dropdown on the product page editor
• Select bulk-quantity

Save and preview—you should see the new quantity dropdown in place.

Real-World Insight

A bulk-order Shopify store replaced manual quantity input with a preset selector. The result? +25% in average order size and fewer customer complications—all without adding apps.

Final Thoughts

Using a fixed quantity dropdown is a smart, app-free way to simplify bulk purchasing on your Shopify product pages. It improves speed, reduces friction, and drives higher order values.