Change out of stock and in stock color

Solved
swayurindia
Excursionist
113 0 7

Change out of stock and in stock color

in-stock.JPGout-of-stock.JPG

 

Accepted Solution (1)
Moeed
Shopify Partner
3046 760 924

This is an accepted solution.

Hey @swayurindia 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

{% if product.available %}
<style>
.product__inventory {
    color: red !important;
}
</style>
{% else %}
<style>
.product__inventory {
    color: green !important;
}
</style>
{% endif %}

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 3 (3)
Moeed
Shopify Partner
3046 760 924

This is an accepted solution.

Hey @swayurindia 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

{% if product.available %}
<style>
.product__inventory {
    color: red !important;
}
</style>
{% else %}
<style>
.product__inventory {
    color: green !important;
}
</style>
{% endif %}

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
swayurindia
Excursionist
113 0 7

One more thing

 

How can I remove Sold out badge from the product page. Also how to remove the circle attribute on left side of the product inventory status.

Kindly  guide me

swayurindia
Excursionist
113 0 7

I also want to remove the add to cart button from out of stock product