Display Inventory on Shopify For Free & Without App on Product Page

In this blog, we will explain how you can add the inventory display on your Shopify product page for free and without using an app.

Step-by-step guide to display inventory:

Step 1: Open the Theme Customizer The first step is to open the theme customizer in your Shopify admin. Go to “Online Store” and click “Themes.” Select “Customize” for the theme you want to edit.

Step 2: Select Product Page Template Once you are in the theme customizer.

Step 3: You will see the preview of your product page. You can now add a custom liquid widget to display the inventory on your product page. Click on “Add section” and select “Custom Liquid.”

Step 4: Copy the Liquid Code Copy the following liquid code and paste it into the custom liquid widget:

{% if product.variants.first.inventory_quantity == 0 %} 

<p>Out of Stock</p> {% else %} <p> Only {{ product.variants.first.inventory_quantity }} left in stock</p> 

{% endif %}

This liquid code we used checks if the product’s first variant’s inventory quantity is zero. If it is zero, it displays “Out of Stock,” and if it’s not, it displays the current inventory quantity. Simple is that. Let us know if you face any issue in its working.

Step 5: Save and Publish Once you have added the liquid code, click “Save” and “Publish” to apply the changes to your product page. {{ product.variants.first.inventory_quantity }} is used to fetch the inventory in stock from Shopify backend.

Note: If you want the inventory display to be visible only on selected products, you can create a product page template and add the code only to that product page template.

Final Thoughts on Displaying Inventory on Shopify:

By following the above steps, you can easily display inventory on your Shopify product page without using an app. This can help your customers make an informed decision and improve their shopping experience on your store. You can also message us if you want to redesign or improve your store conversion.