Solved

Removed the sale badge and sold out badge in Shopify Dawn theme

Goosie
Tourist
4 0 3

A while ago i've removed the sale & sold out badge from my Shopify Dawn theme from the collection page.

I want to have it back on my store and only the sale badge removed, but want to keep the sold out badge.

However I cannot find the code anymore where I actually removed it. I guessed it was the base.css, but can't find any code regarding the tags. 

Anyone here that can help me implement any code back in my theme (Dawn) to have the sold out badge back, but keep sale badge removed? Thanks!

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
7717 1500 1504

This is an accepted solution.

Hi @Goosie 

Please add this code to your theme.liquid file, after <head> in Online Store > Themes > Edit code

 

<style>
.card:has(.price--sold-out) .card__content .card__badge {
display: inline-flex;
}
</style>

Best Regards,

Dan from Ryviu

 

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 8 (8)

oscprofessional
Shopify Partner
15897 2378 3083

hello @Goosie 

please share your store URL.

 

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
Goosie
Tourist
4 0 3
oscprofessional
Shopify Partner
15897 2378 3083

hello @Goosie 

 

Go to Online store -> Theme -> Edit code -> Find base.css file -> Paste below code at the bottom of the base.css file

 

.card:has(.price--sold-out) .card__badge {
    display: inline-flex;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

ZestardTech
Shopify Expert
5438 979 1305

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

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
Goosie
Tourist
4 0 3

Dan-From-Ryviu
Shopify Partner
7717 1500 1504

This is an accepted solution.

Hi @Goosie 

Please add this code to your theme.liquid file, after <head> in Online Store > Themes > Edit code

 

<style>
.card:has(.price--sold-out) .card__content .card__badge {
display: inline-flex;
}
</style>

Best Regards,

Dan from Ryviu

 

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

Goosie
Tourist
4 0 3

Thanks alot! works great

Dan-From-Ryviu
Shopify Partner
7717 1500 1504

Happy I could help. Have a good day ahead!

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now