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

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

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

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)

Team_OSC
Shopify Partner
157 18 23

Hi @isaacdob 

Do you want something like this?

Screenshot .png

LuffyOnePiece
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? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184

Tufan_Minimate
Shopify Partner
33 0 1

Hello, 

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,
Tufan


MINIMATE APPS - CUSTOMIZATION & SCARCITY MADE SIMPLE!
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

Kyle_liu
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 %}
</div>
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 (liushuaicc@shinetechsoftware.com)