Shopify themes, liquid, logos, and UX
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.
Here is the inspect from Google if this maybe help you:
Thank you!
Solved! Go to the solution
This is an accepted solution.
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
If you just want the label to be changed, you may go to the Admin -> Online Store -> Theme -> Action -> Edit Language
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
Thank you,
It works.
Now, the problem is that text client would like to have is too long. So it looks like this:
Do you have maybe solution for that as well?
Thank you
Can you please share the store URL so someone can suggest CSS based solution too.
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. 🙂
This is an accepted solution.
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
@Propero Thank you.
Solution works.
Only problem is that I need to set 7px instead of 10 😄
But everything else worked. Thanks a lot!
Hey @JuricaBD
How about those one:
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!
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.
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
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024