How can I remove the “sold out” badge by the price on the single product page? I’ve tried other solutions on other forums and no luck.
Also how so I remove replace the button that says sold out to add to cart or purchase? These products are made to order.
Hi @simplykarlo ,
Here are the steps you can follow:
1, Navigate to Online Store > Themes > Edit Code.
2, Locate and open the base.css (or theme.css, custom.css) file.
3, Paste the code snippet provided below at the bottom of the file, then save your changes.
.badge.price__badge-sold-out {
display: none !important;
}
We hope this assists in resolving the issue.
If you find our solution helpful, kindly consider Liking and Marking it as Accepted. Thank you!
Hey @simplykarlo ,
If these are made to order and you don’t want them to appear as sold out, you can go to the product and check the ‘Continue selling when out of stock’ option. This will tell Shopify to ignore the stock settings and always show the ‘Add to cart’ button for those products.
Hope that helps!
Ryan
Hi @simplykarlo ,
Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:
.badge.price__badge-sold-out {
display: none !important;
}