Help needed to move "sold out & sale" badge to top center in Minimal Theme.

Highlighted
Excursionist
28 1 2

Help needed to move "sold out & sale" badge to top center in Minimal Theme.

 

And if a product on Sale is Sold out, how can I have it just show the "sold out" badge ONLY instead of both Sold out and Sale badges? (the site look very cluttered when it's showing both badges at the same time)

 

Here's my url:  https://skintreatsbeauty.com/collections/a-by-bom

 

Thanks so much.

 

 

0 Likes
Highlighted

Hello @AnnC,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

#shopify-section-collection-template .badge.badge--sale {
	left: 50%;
	transform: translateX(-50%);
}
#shopify-section-collection-template .badge--sold-out {left: 50%;}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Excursionist
28 1 2

Thanks so much. That moved it to the center. But is there a way to ONLY show the "Sold out" badge and not both (Sale & Sold out) when a product that was on sale is now out of stock?

0 Likes
Highlighted

@AnnC,

You want like below screenshots

2020-02-20_18-41.jpg

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Excursionist
28 1 2

Not exactly.

If a product gets sold out, I no longer want the Sale badge to be showing. Just the Sold out badge.

 

I basically want one badge showing at a time.

 

Example: When it's on sale, the sale badge shows; when it's sold out, ONLY the Sold out badge shows.

 

Is it possible?

 

Thanks so much.

0 Likes
Highlighted

@AnnC,

Ok for that you have to do theme customization.

You have to add that code in "If condition"

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Excursionist
28 1 2

Exactly where do I add that code though?

0 Likes