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

Topic summary

Users are seeking to display low inventory warnings (e.g., “ONLY X LEFT”) on product pages in Shopify’s Dawn theme, specifically when stock falls below 5 units.

Initial Solution:

  • BSS-Commerce provided custom Liquid code to be added via Online Store → Customize → Product Information → Custom Liquid block
  • Code checks if product.variants.first.inventory_quantity < 5 and displays the count
  • Positioned between variant options and “Add to Cart” button with custom styling (#D0DF00 color)

Key Refinements:

  • Updated code to exclude zero inventory items (preventing “ONLY 0 LEFT” when sold out): {% if product.variants.first.inventory_quantity < 5 and product.variants.first.inventory_quantity > 0 %}
  • Solution works for single-variant products but has limitations

Ongoing Issues:

  • Code doesn’t update dynamically when switching between variants on multi-variant products
  • Users want similar functionality in product grids/collection pages (not yet resolved)
  • Some report the code stopped working after initial implementation
  • Questions about showing indicators only when exactly 1 unit remains, or hiding display when inventory = 0

Alternative: HeyMerch app suggested for variant-based inventory display, though the custom code solution remains the primary focus.

Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.

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:

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

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.

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 !

Hi @BSS-Commerce ,

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

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

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.

4 Likes

That works great, thanks!

I’ve tried to do this same trick one level higher, in the product grid, but no luck :disappointed_face:

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

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

Hi @jayisrael ,

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

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.

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.

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

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