How to I remove the text in the red box? Would greatly appreciate any help.
Topic summary
A user seeks to remove the “sold out” text displayed next to product prices on their Shopify store.
Three solutions were provided:
-
Custom CSS via Theme Customizer - Add
.product sold-out-badge { display: none; }through Sales channels > Online Store > Themes > Customize > Theme settings -
Direct code edit in theme.liquid - Insert CSS code with
<style>tags above the</body>tag in the theme.liquid file -
CSS file modification - Add
.product-info__badge-list { display: none !important; }at the end of the theme.css file
All three approaches use CSS to hide the sold-out badge element. The first method is less invasive (no direct code editing), while the latter two require accessing the theme’s code editor. Screenshots demonstrate the expected results showing products without the “sold out” label.
2 Likes
Hi @btwu10
You can do that by adding this code to Custom CSS in Sales channels > Online Store > Themes > Customize > Theme settings.
.product sold-out-badge { display: none; }
Hey @btwu10
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi @btwu10
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file theme.css and add this code at the end of the file
.product-info__badge-list {
display: none !important;
}
Result
Best
DaisyVo