Change the "Sold out" Text in charge theme.

[Kenneth]

Hi, The only thing we cant change and translate to swedish is the Sold out text on items not in stock.

We would like it to say coming soon instead, but in swedish.

Tried to go via the theme, chenge code, products and the translate the word but nothing happens.

[Moeed · Accepted solution]

Hey @Kenneth 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.badge.badge-size-sm.badge-soldout.bottom-left {
    visibility: hidden !important;
}
.badge.badge-size-sm.badge-soldout.bottom-left:after {
    visibility: visible !important;
    left: 20px !important;
    content: "Kommer snart" !important;
    background: #a9a9a9 !important;
    position: relative !important;
    padding: 4px !important;
    border-radius: 20px !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Kenneth · Accepted solution]

Thank you so much, it worked 🙂

[Moeed]

Hey @Kenneth 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[Kenneth]

Please visit www.smaisweden.se

you see products out of stock

[Kenneth]

Sorry, old site.

visit here

https://2fdfa8-0a.myshopify.com

[Moeed · Accepted solution]

Hey @Kenneth 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.badge.badge-size-sm.badge-soldout.bottom-left {
    visibility: hidden !important;
}
.badge.badge-size-sm.badge-soldout.bottom-left:after {
    visibility: visible !important;
    left: 20px !important;
    content: "Kommer snart" !important;
    background: #a9a9a9 !important;
    position: relative !important;
    padding: 4px !important;
    border-radius: 20px !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Kenneth · Accepted solution]

Thank you so much, it worked 🙂

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[Kenneth]

Hello again 🙂

it woked at the start page, but not when you you go to the product?

It says sold out on the image but "Kommer snart" under the prize.

[Moeed · Accepted solution]

Hey @Kenneth 

Keep the previous code which you added and add this new code above </style> in the end of theme.liquid file.

.badge.badge-size-lg.badge-soldout.bottom-left:after {
    visibility: visible !important;
    content: "Kommer snart" !important;
    top: 0 !important;
    left: 0 !important;
    background: #a9a9a9 !important;
    position: absolute !important;
    padding: 10px !important;
    white-space: nowrap !important;
    border-radius: 30px !important;
}
.badge.badge-size-lg.badge-soldout.bottom-left {
    visibility: hidden !important;
}

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Kenneth]

Thank you 🙂

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[Made4uo-Ribe]

Hi @Kenneth 

Go to admin > theme > choose themes > click the 3 dots > click edit default theme content. 

Go to products 

Scroll down. Find the sold out. 

Change it whatever you want and Save. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[Kenneth]

thanks, we tried that, but nothing changes , still the sold out text , even if we add another text 

[PageFly-Richard]

 

Hi @Kenneth 

This is Richard from PageFly - Shopify Page Builder App

Please change the text in your theme default content to get it solved without using any code

Step 1: Online Stores > Themes > More Actions > Edit Default theme content

Step 2: Search for Sold out text and edit it in the product part

Hope this can help you solve the issue 

Best regards,

Richard | PageFly