FROM CACHE - en_header

Low Stock Indikator on Product Page

Farok
Excursionist
31 0 5

I would like to display a message when a variant is low on stock. 

I've found and modified this part of code:

{% assign stock = 0 %}            
              {% for variant in product.variants %}
              {%capture stock %}
              {{ stock | plus:variant.inventory_quantity }}
              {% endcapture %}
              {% endfor %}
              
              {%assign stock = stock | times:1%}

			  {% if stock < 3 and stock > 0 %}
        <span class="label inventory"; style= "color: red";><h4>&#10071; Only <b> {{stock}}</b> left!</h4></span>
			  {% endif %}

However, this doesn't work with variants. It always shows. 

Then I've done this, which seemed logical to me, but didn't work either. I know some basics but I'm stuck here. 

 {% if variant.inventory_quantity < 3 and variant.inventory_quantity > 0 %}
        <span class="label inventory"; style= "color: red";><h4>&#10071; Only <b> {{stock}}</b> left!</h4></span>
			  {% endif %}

 

I guess the issue is that if the customer changes the variant, the page doesn't reload. 

 

Any solutions? Thanks in advance!

Replies 4 (4)
dmwwebartisan
Shopify Partner
11014 2377 3400

@Farok 

Please try this code 

 {% if product.available %}
     
        {% assign how_many_in_stock = 0 %}
        {% for variant in product.variants %}
          {% if variant.available %}
              {% assign how_many_in_stock = how_many_in_stock | plus: variant.inventory_quantity %}
          {% endif %}
        {% endfor %}
        {% if how_many_in_stock < 15 %}
        <p class="low-stock-notification">Hurry, low stock!</p> 
        {% endif %}
      
      {% endif %}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.
Farok
Excursionist
31 0 5

Thanks for the reply! 

 

Unfortunate, this hasn't worked. It still shows the "Low Stock" Notification on all variants

 

Eg. 

https://5z52je85ohj9asnk-39359021187.shopifypreview.com

Here there is only stock in S. All others are sold out. It still shows on every variant 

PaulNewton
Shopify Partner
4335 321 931

To get this working with variant selection is an advanced customization as the solution can vary wildly between themes.

 

Merchants that need this can contact me at paull.newton+shopifyforums@gmail.com with this topic url, store url, theme name, and any other relevant info.

Finally Combinable Discounts - EARLY ACCESS ONLY - Use Free Shipping With Other Discounts

Answers powered by coffee Buy Paul a Coffee for more answers or donate to eff.org
Problem Solved? ✔Accept and Like solutions to help future merchants
Confused? Busy? Buy a custom solution paull.newton+shopifyforum@gmail.com
SpotterJ
Shopify Partner
67 1 12

Did you find a solution for this?

Learning something new every day