Display units in stock / low inventory on product pages - Dawn Theme

[contactdaiquiri]

Hi everyone,

I would like to display the number of units left in stock on product pages when inventory <5 : "ONLY X LEFT."

I have sizes variants, no color. 

I would like it to be :

- positioned between the sizes options and the "add to cart" button as in the pink bubble bellow

- in #D0DF00 font color

- same size than the "add to cart"

Is it possible ? Thank you so much!

Theme : Dawn 6.0.2

Preview link: https://h78186m8xvkh47hp-66207744226.shopifypreview.com

Screenshot: 

[JavaBird]

You can try to follow this guide, but apply it for the Dawn theme: https://help.shopify.com/en/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-...

[BSS-Commerce]

Hi @contactdaiquiri 

I would like to give you the solution. You can try it by following these steps:

- Step 1: Go to Online Store -> Customize theme

- Step 2: Go to Product page ->  product information -> add block -> custom liquid

- Step 3: Paste this code to the block :

{% if product.variants.first.inventory_quantity < 5 %}
  <p style="color: #D0DF00; text-align:center">ONLY {{ product.variants.first.inventory_quantity }} LEFT</p>
{% endif %}

- Step 4: Move this block to the after "Buy button."

- Step 5: Enjoy !!!

This is our recorded video for you to refer to: https://www.loom.com/share/eb2d9ddc774947d8acc8a01bef9c8e0d

Let me know if it works for you by giving us a like or marking it as a solution.

[contactdaiquiri]

Hi @BSS-Commerce ,

Once again, thank you, this is amazing. Only thing, I don't want it to show if inventory = 0, because then it displays "only 0 left", I don't need this information since there is already the "sold out". 

Can we change the parameter to 0<x<5 ? Thank you so much !

[contactdaiquiri]

Hi @BSS-Commerce , 

any chance you could kindly check the little issue mentioned bellow? Thank you !! 

Preview link updated: https://c47ucmd0vhexydgy-66207744226.shopifypreview.com

[BSS-Commerce · Accepted solution]

Hi @contactdaiquiri 

Please follow these steps:

• Step 1: Go to Online Store -> Customize theme
• Step 2: Go to Product page ->  product information -> add block -> custom liquid
• Step 3: Paste the code to the block

{% if product.variants.first.inventory_quantity < 5 and product.variants.first.inventory_quantity > 0 %}
  <p style="color: #D0DF00; text-align:center">ONLY {{ product.variants.first.inventory_quantity }} LEFT</p>
{% elsif product.variants.first.inventory_quantity < 1 %}
<p style="color: #D0DF00; text-align:center">SOLD OUT</p>
{% endif %}

• Step 4: Move this block to the after "Buy button"
• Step 5: Enjoy !!!

I hope that it works for you.

[Graham256]

That works great, thanks!

I've tried to do this same trick one level higher, in the product grid, but no luck 😞

Is there a way to already show low stock indicators in the collections and other product grids?

[jayisrael]

Hello, I try to add the code, but the value doesn't change when I switch to another variant.

[Zel_]

Hi @jayisrael , 

You can try HeyMerch low stock counter app, it shows the value based on variants. 

[contactdaiquiri]

Hi @BSS-Commerce 

This code is not working anymore... nothing appears. Do you have any idea how to fix it ? I'm still looking to display low inventory "ONLY XX LEFT" for variants < 3 units left.

[lunaritycollect]

Hello!
How would you write it to show nothing if count = 0? (aka item is sold out)

[nadinecharles]

Hello BSS_Commerce

I am using the native low-stock indicator in the Dawn Theme. Please see attached screenshot: when a variant is out of stock, this is already displayed which is great.

All I want to change is to for the low-stock indicator to show when there is 1 left only. How can I change just this?

Thanks.

[nadinecharles]

So sorry. The option is right there in the theme customiser....