Add the Quantity Box to the Product Page

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 (standalone), you will be able to continue using the app on a grandfathered plan.

Any new installs of the Quantity Break app will be redirected to Custom Pricing which has a Quantity Breaks plan available. For more information on Custom Pricing, please visit Custom Pricing: Information and Overview.

 


 

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.
Was this article helpful?
6 out of 8 found this helpful