Button Change Color When Product is Soldout

Hi, can someone help me out on how can I change the color of the button add to cart to red when product is soldout?

Hello @newuser01

To provide you with the most precise solution in this case, could you please share your page URL ( with pass if your store password is enabled )?

Thank you and hope to hear from you.
Best regards,
GemPages Support Team

Hi @newuser01

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

Hello @newuser01 ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Assets → quick-add.css → search for the class that styles the “Add to Cart” button

Add the following code:

.btn.sold-out {
  background-color: red;
}

Save and preview.

Hope this can help.

OneCommerce team.

https://www.strictlystreetwear.store/products/hannya-x-snake?variant=40631712940084