Nowadays, shopping online is growing more popular every day. Obviously, the main reason for this is the convenience of e-commerce. Each sales platform seeks to create more tools to improve the experience for their shoppers. Therefore you can customize many different things in Shopify. In this article, we took a closer look particularly at how to edit Shopify quantity.
Shopify quantity
Adding a quantity selector means that your customer will be able to add several products to their cart at once. If you are selling more than one unit of each product, you should definitely add this feature. To clarify, it will simplify your shoppers’ buying steps and could possibly increase your sales. In order to edit Shopify quantity, first, you have to make sure that your theme has this option.
How to edit Shopify quantity?
- Go to the theme editor
- In the theme preview, click on a product
- Then, click on the Product pages tab
- You will see a menu with the option Show quantity selector, so click on that checkbox
- Save your changes
Keep in mind, that your theme might not include “Show quantity selector”, which means that you have to add it manually. In order to do that, you have to change your theme’s code. Below, you can see all the steps required if you’re doing this on a PC or MAC.
- Go to your Shopify admin
- From the Online store go to the Themes page
- Find your theme, click on Actions and then Edit code
- In the Templates directory, click on the product.liquid
- There, find the <form> tag in the code
- Between this opening <form> tag and the closing </form> paste 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>
- Save your changes
In order to add the quantity selector from your mobile device, the first few steps are a bit different.
- Go to your Shopify app
- Tap on the Store button
- Go to the Sales channels section, and select Online Store
- Then click on Manage themes
- Follow the first instructions from step 3
