Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Button Change Color When Product is Soldout

Button Change Color When Product is Soldout

newuser01
Tourist
8 0 2

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? 

 

newuser01_0-1680581210860.png

 

Replies 4 (4)

GemPages
Shopify Partner
5625 1262 1254

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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

BSS-Commerce
Shopify Partner
3477 463 547

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.

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

OneCommerce
Shopify Partner
253 19 110

Hello @newuser01 ,

 

You can try to follow these steps:

Go to Online Store -> Themes -> Actions -> Edit code 

Ref- step 1.png

 

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.

OneCommerce - The Ultimate eCommerce Solution Platform
We offer 12+ solutions to help increase traffic, maximize conversion rates and generate better revenue for more than 500,000 eCommerce merchants worldwide.

Get know us at: Website | Blog | FAQ | Contact us