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-vintage-themes/show-remaining-quantity

[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 %}
  

ONLY {{ product.variants.first.inventory_quantity }} LEFT

{% 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]

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 %}
  

ONLY {{ product.variants.first.inventory_quantity }} LEFT

{% elsif product.variants.first.inventory_quantity < 1 %}

SOLD OUT

{% 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_1]

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.

[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…

[lunaritycollect]

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