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.
User | RANK |
---|---|
21 | |
21 | |
8 | |
8 | |
7 |
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023