Add an out of stock / in stock message on product page

Add an out of stock / in stock message on product page

65 0 1

I am wanting to add an out of stock and in stock message on my product page. I am using theme Dawn and have attached some example photos for reference. Thanks for the help 🙂


Website - 

Password - Chewno


Screenshot 2024-06-17 at 9.36.06 PM.png

Screenshot 2024-06-17 at 9.36.12 PM.png


Replies 4 (4)

Shopify Partner
157 18 23

Hi @isaacdob 

Do you want something like this?

Screenshot .png

Shopify Partner
612 87 106

Hi @isaacdob ,


You can simply add the code below in the product page.

{% if product.available == false %}Out of stock {% else %} In Stock{% endif %}


Let me know if you need any assistance.


Thank you

Sandeep Pangeni
Need help with your store?
For quick response, Contact In WhatsApp +9779867521184

Shopify Partner
33 0 1


If you would like to do that without coding, you can simply have a look at this Hey! Scarcity Low Stock Counter App. It allows you to display different messages according to your inventory level. 

Best regards,

Mini Customization Fields: Effortlessly create and manage custom product fields for a personalized product options.
Hey! Scarcity Low Stock Counter: Boost sales by displaying low stock message to create a sense of urgency.
Explore Our Apps for Free | 24/7 Dedicated Support for Shopify merchants

Shopify Partner
84 13 14

Hi @isaacdob 


1、Edit main-product.liquid 

2、Find '{% - when' popup '-%}' and add the following code above

<div style="text-transform: uppercase;">
    {% if product.available == false %}
         <div style="font-weight: bold">OUT OF STOCK</div>
         <div>THIS SIZE IS OUT OF STOCK</div>
    {% else %}
         IN STOCK √
    {%- endif %}
If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to contact me on (