Changing LED color from green to red when item is out of stock (Expanse Theme)

Store Design
1

Does anyone know how to change green icon to red when item is out of stock?

Vero Mango Lollipops (40 Count) – Carnival Candies & Ice Cream Inc. (carnivalcandiesicecream.com)

product page.png
product page.png1496×779 153 KB

2

It will require some additional javascript and css.

3

Hi @CarnivalIce , go to theme.liquid and add the following code in the bottom of the file above tag :

{% unless product.available %}

{% enunless %}

result:

Abdosamer_0-1700953683568.png
Abdosamer_0-1700953683568.png1079×639 92.4 KB

image.png
image.png1079×639 92.4 KB

4

@CarnivalIce wants to change the led color to red, and it won’t work with multi variant products.

5

Hi @CarnivalIce ,
This is Theodore from PageFly - Shopify Page Builder App.
For solving the problem about FChanging LED Color From Green To Red When Item Is Out Of Stock (Expanse Theme) , let’s try this solution:
Online Store ->Theme ->Edit code->theme.liquid

I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly

6

Hi Theodore! This solution won’t work with multi-variant products, and @CarnivalIce wants to change the bulb color

7

You can do this by setting a class for this item

8

What is the solution? This remains still unsolved.