Change 'Sold out' text on collection page?

[lisaforster]

Hi all,

I'd like to change the 'Sold out' text on one of my collection pages (I've already duplicated the collection template etc) to different text.

I don't want to change the option in languages as I have other collections that are using 'Sold out' and want to keep that.

Here's the code that I think I need to change...

        <span class="product-thumbnail__sold-out sold-out">{{ 'products.product.sold_out' | t }}</span>
      {% endif %}
    </span>

So how do I make it say something other than what's in the languages?

Thanks all!

Lisa

[KetanKumar · Accepted solution]

@lisaforster 

Thanks for post 

do you have a different collection template so just change it

        <span class="product-thumbnail__sold-out sold-out">your text here</span>
      {% endif %}
    </span>

[KetanKumar · Accepted solution]

@lisaforster 

Thanks for post 

do you have a different collection template so just change it

        <span class="product-thumbnail__sold-out sold-out">your text here</span>
      {% endif %}
    </span>

[lisaforster]

Thank you so much @KetanKumar that worked perfectly.

If we wanted to, how could we chance the 'SOLD' text (in the collection below) to display the original price (greyed out).

https://alwayswearred.com/collections/hand-knits-2021

If this is too much trouble to explain don't worry 🙂

Many thanks,

Lisa

[KetanKumar]

@lisaforster 

no, rush 

let me know what do you want on-collection page if possible to share a screenshot?

[lisaforster]

Thank you very much @KetanKumar 

Actually, if we want to change the Sold Out text on the product page to SOLD, how do we change that please?

Here's the code...

               {% comment %} Sold out {% endcomment %}
              <span class="sold_out">{% if variant.available == false %}{{ 'products.product.sold_out' | t }}{% endif %}</span>

I tried (using your previous example) but failed as it inserted the words SOLD alongside the price when a product was available and in stock.

Here's the screenshot of a product page.

 

[KetanKumar · Accepted solution]

@lisaforster 

Yes, please try this 

               {% comment %} Sold out {% endcomment %}
              <span class="sold_out">{% if variant.available == false %}Sold{% endif %}</span>

[lisaforster]

Perfect thank you so much @KetanKumar - should we need any extensive dev work we'll touch base.

[KetanKumar]

it's my pleasure to help us

if you have any queries and issues please feel free to contact me here.
Email: bamaniyaketan.sky@gmail.com
Skype: bamaniya.sky

[Sdesuan]

Hi, 

Do you know how to change the out of stock design in the collection page? We cannot see it correctly in mobile. 

Thank you, 

[KetanKumar]

@Sdesuan 

yes please  share store url so i will check and let you know 

[Sdesuan]

Hi @KetanKumar !! Thank you for your answer, the store is the following: sdesuan.com

Thank you again 🙂 

[KetanKumar]

@Sdesuan 

yes i can see sold out text do you need just change texxt?

[Sdesuan]

Hi Ketan, 

No, I need to change design in mobile format so that the text is visible. 

Thank you