Spy on Your Competitors - Extended Free Trial!  GO!
How To Add Quantity On Shopify

How To Add Quantity On Shopify

Last modified: July 9, 2020

FAQ
Shopify Trial

Online shopping has become very popular online. More than 16% of all retail sales are now done online and one of the reasons for this is the convenience of ecommerce. One feature that is often missing on basic Shopify is the ability to add quantity on Shopify stores.

By adding a quantity selector to your store, you can allow your customers to add several products to their shopping cart at the same time. If customers can buy more than one of each product, then this is a big advantage that you should be looking for. It will save the customer time and reduce the number of carts that are abandoned on your store. This will yield more revenues, higher order values and happier customers.

There are two ways that you can ensure that your customers can add the number of a product that they would like to buy. The first is within the theme, when it is available. The other option is by adding the code to your theme to create this option yourself.

Show More

* This button will show the rest of the post and open up an offer from Shopify

How To Add Quantity On Shopify Via Theme

You should always check that your theme has the option first. It is quicker, and there is a smaller chance that there will be a coding error when you complete the work. Follow these steps to add the quantity on Shopify via your theme options.

Step 1 – Login To Your Shopify Store

Using your login credentials, login to your Shopify Store.

Step 2 – Themes

Click on the ‘Online Store’ and then the ‘Themes’ option.

Step 3 – Theme Preview

Then you need to click on the ‘Theme Preview’ and then click on a product that is visible on your website. Click on the ‘Product Pages’ tab. This will show a menu. If this menu has the option to show quantity selector, then you can click on the checkbox.

Step 4 – Save

Once done, you can save the changes. The quantity selector should now be available on your store.

If Your Theme Doesn’t Have That Option

There are themes that don’t have the ‘Show Quantity Selector’ option. This can be frustrating, but it is easily solved by adding the option manually through coding. Making changes to a theme’s code is more challenging, as mistakes can be made; however, if you follow these instructions, you should be able to make the changes easily.

Step 1 – Login To Your Shopify Store

Using your login credentials, login to your Shopify Store.

Step 2 – Themes

Click on the ‘Online Store’ and then ‘Themes’ option. Find your theme option and then click on the ‘Actions’ and then ‘Edit Code’ options.

Step 3 – Templates Directory

Within the templates directory, you should be able to see the file that has the label product.liquid. Click on this to edit the file.

Step 4 – Form Tag

Find the <form> tag within the code. Between the opening <form> tag and the closing tag, you need to insert the following code:

<label for=“quantity”>Qty: </label>
<input min=“1” type=“number” id=“quantity” name=“quantity” value=“1” />
<style>#quantity { padding:5px; width:35px; border: 1px solid #555; }</style>

Once you’ve done this click on the ‘Save’ option.

Step 5 – Themes

Return to the themes page by going back to the ‘Online Store’ and then ‘Themes’ option.

Step 6 – Theme Preview

Then click on the ‘Theme Preview’ and on a product that is visible on your website. Select the ‘Product Pages’ tab. This will show the same menu as you had before, but now it should show quantity selector. You can enable this the normal way via the checkbox.

Step 7 – Save

Once enabled, you can save your changes and see the quantity box on your website.

Final Word: How To Add Quantity On Shopify

Both of the options are valid ways to add the quantity option to your product descriptions. If your current theme doesn’t support this feature and you would like it to. You can always look for a new theme on the Theme Store.

Recap:
Got Something To Say?

Your email address will not be published. Required fields are marked *

Free Trial