How to insert a quantity selector by editing your theme code for non-sectioned themes

Updated: May 13, 2021

Share:

Liquid is known as one of the best functionalities in Shopify. With this Liquid applications, online sellers enable creating a professional and beautiful website. In addition, because Shopify are using the latest version of Liquid, it is easy for the Shopify store owners to contribute the content of their websites. There are three types of Liquid codes including objects, tags, and filters, which helps the users to load all the dynamic data. With the Liquid objects, the Shopify store owners can display their product’s description and website introduction. While Liquid filters allow online merchants to change the output of objects. Therefore, such a flexible and safe language, Liquid is used popularly in other websites and applications.

How to insert a quantity selector by editing your theme code for non-sectioned themes

About quantity selector

Because of the convenience of Liquid in Shopify marketplace, it is possible for the Shopify buyers to add several products to their cart at once. Especially for the Shopify shops with the multiple products, this quantity selector will helps the store owners to maximize the sales. This feature will simplify the customer’s shopping process so they can buy or add any items at the last minute.

Firstly, the Shopify store owners have to make sure that the theme has this option. If the Shopify store that has not to install with sectioned theme, it is necessary for online sellers should follow all steps of this article How to insert a quantity selector by editing your theme code for non-sectioned themes which has simple steps to add this functionality.

How to insert a quantity selector by editing your theme code for non-sectioned themes

Step 1: Go to the Themes

After logging in to Shopify store app, the Shopify store owners will access to Shopify admin dashboard. And then they go to Online Store and click to Themes.

Step 2: Edit code

At that step, all the things the users need is choosing the theme they want to edit and then tap Actions. The users can choose Edit code to continue.

modify theme on the cart pages in shopify

Step 3: Go to product.liquid

At the Templates section, the users can click product.liquid.

modify theme on the cart pages in shopify

Step 4: Open <form> tag

After the code settings are opened, the store owners click to open <form> tag.

Step 5: Paste code

In the middle of openning and closing of </form> tag, online sellers copy all these below codes and paste them:

<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>

Step 6: Save the changes

To finish the process, the users click Save.

Conclusion

The notice for this guides is that the Shopify store owners should paste the code at the exact position of the theme. This article How to insert a quantity selector by editing your theme code for non-sectioned themes which includes simple steps, so the users can easily add the quantity selector on their own. In addition, we hope that online sellers can have more understanding of Shopify as well as Liquid through our chain of articles like the following list:

Recommend for you
Image Description
Abandoned Cart Recovery [Free]

Setup Abandoned cart recovery in 1-click

Learn more
Image Description
SEO Suite [Free]

Auto-optimize website elements and structure in one-click.

Learn more
proofo
Boost Sales [Free]

Boost sales: Sales Pop, Trust badges, Countdown timer, more

Learn more
Image Description
Photo Reviews [Free]

Use photo reviews to boost sales

Learn more

Comments for Insert a quantity selector by editing your theme code for non-sectioned themes



Subscribe

Stay in the know

Get special offers on the latest news from AVADA.

40k subscribers has been joined!

Earn $10 in reward now!

comment
iphone
go up