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

[isaacdob]

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 - www.evrenclothing.com 

Password - Chewno

  

[Team_OSC]

Hi @isaacdob 

Do you want something like this?

[LuffyOnePiece]

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

[Kyle_liu]

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