Solved

How do I fix the buy buttons that are sold out

pmltntc
Excursionist
27 0 13

I modified the code for the buy buttons before but I could not seem to remember which parts. How do I fix this error showing 2 buy buttons with the word "checkout" instead of 1 button showing "sold out" when the item is actually sold out? Refer to attached image.

 

Website URL: https://adlaudemdei.com/products/salvation-cross

 

Sold out.png

Accepted Solution (1)
ZestardTech
Shopify Expert
5601 1019 1346

This is an accepted solution.

Hi @pmltntc 

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

 

.product-form__buttons button[disabled] + div.shopify-payment-button {
display: none;
}

 

ZestardTech_0-1717481291374.pngZestardTech_1-1717481303722.png

 

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 4 (4)

ZestardTech
Shopify Expert
5601 1019 1346

Hi @pmltntc 

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

 

.product-form__submit::before {
content: ""!important;
}

 

ZestardTech_0-1717416527066.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
pmltntc
Excursionist
27 0 13

Thank you so much! However, is there a way we can also hide the "checkout" button when item is sold out?

ZestardTech
Shopify Expert
5601 1019 1346

This is an accepted solution.

Hi @pmltntc 

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

 

.product-form__buttons button[disabled] + div.shopify-payment-button {
display: none;
}

 

ZestardTech_0-1717481291374.pngZestardTech_1-1717481303722.png

 

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
pmltntc
Excursionist
27 0 13

This worked. Thank you so much!