Skip to content

  • Home
  • About Us
  • Add-ons
  • Services
    • Shopify Development Services
    • Shopify Maintenance services
    • Shopify PageSpeed Optimization
    • Shopify Training
    • Shopify App Development
    • Shopify App Integration Services
    • Shopify Email Marketing
    • Shopify Web Design Agency
  • Blog
  • Contact Us
  • Search button

Show inventory quantities on product pages

Jun 17, 2022Nov 15, 2022
Inventory quantities on product pages

By Inventory quantities on product pages customers what inventory quantities on pages you have available for a product or variant of a Shopify inventory on product pages product you can increase your conversion potential and order size by creating urgency and inventory on product pages need. We can set this up for you to show an in-stock message when you have a lot, and the only X left
a message when you have a few or only 1 left message when you have just the single.

You can add a message on the product page or featured product section that shows the number of items you have in stock when inventory runs low on a product variant. For this message to show, you need to enable inventory tracking for the product. Add an inventory block on the product page and featured product section to display the inventory quantity on variant selection. Display low stock inventory countdown bar on product pages to create the Fear of Missing Out and customers to checkout faster.

From your Shopify admin go to Online store and choose themes. Next to the live theme click on Actions and choose Duplicate. Showing the number of products left in stock on your product page keeps
you and your customers informed of how fast your products are moving or if they aren’t at all.

Editing your theme code to add Shopify inventory on product pages feature

  • In the Section directory, find the product-template.liquidfile or which file responsible for product template, and add the following code where you want to show the quantity, in this example we’ve added this after the product title:
        {% comment %} Inventory tracking on product page {% endcomment %}
            <div id="variant-inventory" class="{% unless current_variant.available %} hide {% endunless %}">
              {% if current_variant.inventory_management == "shopify" and current_variant.inventory_policy != "continue" %}
              We have {{ current_variant.inventory_quantity }} in stock.
              {% else %}
              This product is available.
              {% endif %}
            </div>
  • Congrats, You’ve completed the coding parts. Now it’s available in the Show inventory quantities on product pages. It’ll show the number of products available in the product pages. If product pages is not tracked then it’ll show “This product is available”.

Enjoy this feature, Contact Us for more help 🙂

Posted in Shopify Tutorials

Post navigation

Prev Add a Light-box to online product images
Next Add Shipping Rates Calculator on Shopify Cart Page

Leave a Reply Cancel reply

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

Latest Posts

  • Shopify winter edition
    Understanding The Shopify Winter Edition 2023 UpdatesMar 14, 2023
  • Steps To Set Up Shopify Test Order For Quality Assurance
    Steps To Set Up Shopify Test Order For Quality AssuranceMar 1, 2023
  • Why You Should Implement Shopify Inventory Management for Increased EfficiencyFeb 16, 2023
  • Shopify theme detector
    Shopify Theme Detector: Uncover the Perfect Shopify Theme for Your StoreFeb 10, 2023

Subscribe Now

Follow Us

  • facebook
  • twitter
  • instagram
  • linkedin2

OriginateWeb.com is the realization of a dream. Our founder previously spent several years working for a large website development company.

Quick Links

  • Shopify Services
  • About Us
  • Shopify Theme Add-ons
  • Blog
  • Contact Us
  • Careers

Services

  • Shopify Theme Add-ons
  • Website Development
  • Page Speed Optimization
  • App Development
  • Maintenance
  • Training

Need Help?

  • Licensing Agreement
  • Terms and Conditions
  • Privacy Policy
  • Sitemap
  • facebook
  • twitter
  • instagram
  • linkedin2

© 2023 Originate Web. All Rights Reserved