How to change "Sold Out" badge to something else? Woodmart

Solved
Highlighted
Shopify Partner
14 0 0

Hey Guys,

I am using Woodmart shopify theme.

Do you maybe know how to change text from "Sold Out" to "Comming Soon" but just on the label/badge.

JuricaBD_0-1597305374795.png

 

Here is the inspect from Google if this maybe help you:

JuricaBD_1-1597305428283.png

 

 

Thank you!

 

0 Likes
Highlighted
Shopify Partner
582 69 93

@JuricaBD 

If you just want the label to be changed, you may go to the Admin -> Online Store -> Theme -> Action -> Edit Language

Propero_0-1597315564214.png

Then search for "Sold Out" text and change it whatever you like.

There are other ways to achieve this by using JQuery but this is simplest and will replace all occurrence of sold out with new text

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Click Accept as Solution

Skype : lokendra.panwar1
0 Likes
Highlighted
Shopify Partner
14 0 0

Thank you,

It works.

Now, the problem is that text client would like to have is too long. So it looks like this:

JuricaBD_0-1597316179730.png

Do you have maybe solution for that as well?

 

Thank you

 

 

0 Likes
Highlighted
Shopify Partner
582 69 93

@JuricaBD 

Can you please share the store URL so someone can suggest CSS based solution too.

 

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Click Accept as Solution

Skype : lokendra.panwar1
0 Likes
Highlighted
Shopify Partner
14 0 0

Sure.

Homepage is: https://www.hemsly.com/

if you need password it will be: dreibi

And the Sold Out badge you will find at: https://www.hemsly.com/collections/home-decor 

If you want, I can change to Coming Soon. Just reply here.

 

And thank you so much for your help. I really appreciate it!

 

Edit: If there is any other way, like replacing that feature with solid image, we are also okay with it.


0 Likes
Highlighted
Shopify Partner
582 69 93

This is an accepted solution.

@JuricaBD ,

Please add the

product-labels.labels-rounded .out-of-stock {
    padding: unset ! important ;
    max-width: 50px;
    font-size: 10px ! important;
}

following code at the end of your theme.scss.liquid file, which you will find under Assets folder when you go to Admin-> Online Store -> Action -> edit code

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Click Accept as Solution

Skype : lokendra.panwar1
1 Like
Highlighted
Shopify Partner
14 0 0

@Propero  Thank you.

Solution works.

Only problem is that I need to set 7px instead of 10

But everything else worked. Thanks a lot!

0 Likes
Highlighted
Excursionist
38 1 8

Hey @JuricaBD 

How about those one:

7025869127763-optimized copy.gif

7025869127763-optimized.gif

I did those with 2 clicks using the PicAmaze app (I'm one of the co-founders). Feel free to use them.

You can use those with Facebook ads, the animation is even playing when sharing the links to the products.

Message me and I can give you to try to animate your product images by yourself.

All the best!

https://apps.shopify.com/picamaze
Animated watermarks for product images and ads
0 Likes
Highlighted
Shopify Partner
216 17 83

Hey @JuricaBD,

I noticed that you wanted to change sold out badges to "Coming Soon" on your catalog images.

We have developed an app (Modemagic) that will help you add product stickers/badges on your catalog within seconds. And we have an extensive collection of customized stickers based on different occasions (Sale & Discounts, Pre-Order, Trust Badges and much more) You can also create custom badges based on what copy you prefer, and we have a collection of base designs from which you can choose.

Screenshot 2020-08-19 at 6.01.46 PM.pngScreenshot 2020-08-19 at 6.01.13 PM.pngScreenshot 2020-08-18 at 10.48.51 PM.png

No complex edits, no back & forth with designers. Update your store within seconds!


Don’t find a sticker that meets your need, reach out to us on chat for a custom design. We also create stickers in various languages. Check out this app on Shopify here.


Hope this helps
Fayaz

ModeMagic
Featured on Shopify Staff Picks
0 Likes