Solved

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

JuricaBD
Shopify Partner
15 0 2

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!

 

Accepted Solution (1)
Propero
Shopify Partner
895 101 160

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 or Click Accept as Solution
To hire: email us at shopify@propero.in
checkout our app https://apps.shopify.com/picamaze

View solution in original post

Replies 8 (8)

Propero
Shopify Partner
895 101 160

@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 or Click Accept as Solution
To hire: email us at shopify@propero.in
checkout our app https://apps.shopify.com/picamaze
JuricaBD
Shopify Partner
15 0 2

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

 

 

Propero
Shopify Partner
895 101 160

@JuricaBD 

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

 

- Was my reply helpful? Click Like or Click Accept as Solution
To hire: email us at shopify@propero.in
checkout our app https://apps.shopify.com/picamaze
JuricaBD
Shopify Partner
15 0 2

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. 🙂


Propero
Shopify Partner
895 101 160

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 or Click Accept as Solution
To hire: email us at shopify@propero.in
checkout our app https://apps.shopify.com/picamaze
JuricaBD
Shopify Partner
15 0 2

@Propero  Thank you.

Solution works.

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

But everything else worked. Thanks a lot!

AndyPicamaze
Explorer
41 1 15

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

Fayzmo
Shopify Partner
223 17 78

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