Liquid, JavaScript, themes, sales channels
Hi there,
I am trying to show stock availability on my product page when I add stock in the inventory for each variation. is there any code I can add, I seem to cannot find this feature.
Add this code into your product.template.liquid or main-product.liquid where you want to add
<!-- zworthkey-code -->
{% assign product_qty = 0 %}
{% for variant in product.variants %}
{% if variant.inventory_quantity > 0 %}
{% assign product_qty = product_qty | plus: variant.inventory_quantity %}
{% endif %}
{% endfor %}
{% if product_qty > 0 %}
<span class="products-available-container ws-widget" style=" height:25px;margin-bottom:30px;"><span class="products-available" style="color: white; margin-top:6px;"><p style="margin-top:6px;"><span> <span style="background-color: rgb(230, 0, 0); color: rgb(255, 255, 255); border-radius: 3px;"> HURRY! </span> Selling out fast! Only <strong style="color: rgb(230, 0, 0);"><span class="glowing odometer">{{ product_qty }}</span></strong> left in stock!</span></p>
</span>
{% endif %}
Let me know if you need any more help.
Thank you.
which line do i add it too? I have product-template.liquid section under Snippets and Sections
Thanks, Ravi.
Work well on Dawn Theme.
Hi there! I added this code and it is working but it shows the total quantity of a product. I do have product options in my store and want to display inventory quantities of the each product option separately. Is there a way to show product variant's quantity individually on the product page?
I just found this step by step guide that worked for me on where to add the liquid:
https://parasoul.co.uk/shopify/dawn-theme-display-inventory-quantity
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024