Change the "Sold out" Text in charge theme.

Solved

Change the "Sold out" Text in charge theme.

Kenneth
New Member
7 1 1

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.

Accepted Solutions (3)
Moeed
Shopify Partner
4304 1105 1354

This is an 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:

Moeed_0-1720717754154.png

 

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

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Kenneth
New Member
7 1 1

This is an accepted solution.

Thank you so much, it worked 🙂

View solution in original post

Moeed
Shopify Partner
4304 1105 1354

This is an 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:

 

Moeed_0-1720861824506.png

 

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

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 13 (13)

Moeed
Shopify Partner
4304 1105 1354

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

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Kenneth
New Member
7 1 1

Please visit www.smaisweden.se

you see products out of stock

Kenneth
New Member
7 1 1

Sorry, old site.

 

visit here

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

 

Moeed
Shopify Partner
4304 1105 1354

This is an 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:

Moeed_0-1720717754154.png

 

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

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Kenneth
New Member
7 1 1

This is an accepted solution.

Thank you so much, it worked 🙂

Moeed
Shopify Partner
4304 1105 1354

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.

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Kenneth
New Member
7 1 1

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
Shopify Partner
4304 1105 1354

This is an 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:

 

Moeed_0-1720861824506.png

 

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

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Kenneth
New Member
7 1 1

Thank you 🙂

Moeed
Shopify Partner
4304 1105 1354

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.

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

Made4uo-Ribe
Shopify Partner
6827 1630 2009

Hi @Kenneth 

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

Made4uoRibe_0-1720735673011.png

Go to products 

Made4uoRibe_1-1720735713564.png

Scroll down. Find the sold out. 

Made4uoRibe_2-1720735737337.png

Change it whatever you want and Save. 

 

 

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

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
Kenneth
New Member
7 1 1

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

PageFly-Richard
Shopify Partner
4394 1005 1657

 

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

PageFlyRichard_0-1720745252674.png

 

 

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.