Make a selection

Add the Quantity Box to the Product Page

Laurel
Laurel
  • Updated

Quantity Breaks displays a tabled breakdown of the different pricing tiers you offer to your customers for a particular product. Quantity Breaks does not add a quantity input box to your product page. 

In this article, we are going to go over how you can add a quantity input box to your product pages. An example of a quantity input box can be seen in the example below:

Quantity Input Box

Alert

  • The Quantity Breaks (standalone) app is no longer available for new installations. If you are currently using Quantity Breaks, you will be able to continue using the app on a grandfathered plan.
  • New requests for Quantity Breaks will be directed to Custom Pricing. Custom Pricing's Select plans can be used to create quantity breaks. For more information on pricing, please visit Custom Pricing Overview.
  • If you'd like move from Quantity Breaks (standalone) to Custom Pricing, please visit Switch from Quantity Breaks to Custom Pricing.

 


 

Setup

  1. From Shopify's admin, select Online Store.
  2. Select Actions.
  3. Select Edit code.
  4. Under Templates, select product.liquid.

    select product.liquid

  5. Add this code where you would like the quantity box to appear.

    Note: If your theme contains sections, you may have to make these changes in product-template.liquid under "Sections".

    <!-- Simple Quantity Box -->
    Quantity <input type="text" name="quantity" value="1" size="4" style="width:30px;">
    <!-- // end -->

    add this code

  6. Select Save.