What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Change 'Sold out' text on collection page?

Solved

Change 'Sold out' text on collection page?

lisaforster
Excursionist
14 0 4

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

Accepted Solutions (2)

KetanKumar
Shopify Partner
37433 3663 12117

This is an 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>
If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar
Shopify Partner
37433 3663 12117

This is an accepted solution.

@lisaforster 

Yes, please try this 

               {% comment %} Sold out {% endcomment %}
              <span class="sold_out">{% if variant.available == false %}Sold{% endif %}</span>
If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 12 (12)

KetanKumar
Shopify Partner
37433 3663 12117

This is an 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>
If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
lisaforster
Excursionist
14 0 4

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
Shopify Partner
37433 3663 12117

@lisaforster 

no, rush 

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

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
lisaforster
Excursionist
14 0 4

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.

Screenshot 2021-01-27 at 18.05.14.png 

KetanKumar
Shopify Partner
37433 3663 12117

This is an accepted solution.

@lisaforster 

Yes, please try this 

               {% comment %} Sold out {% endcomment %}
              <span class="sold_out">{% if variant.available == false %}Sold{% endif %}</span>
If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
lisaforster
Excursionist
14 0 4

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

KetanKumar
Shopify Partner
37433 3663 12117

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

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Sdesuan
Excursionist
48 0 10

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, 257833698_182999857281453_7629199578240008426_n.jpg

KetanKumar
Shopify Partner
37433 3663 12117

@Sdesuan 

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

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Sdesuan
Excursionist
48 0 10

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

 

Thank you again 🙂 

 

 

KetanKumar
Shopify Partner
37433 3663 12117

@Sdesuan 

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

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Sdesuan
Excursionist
48 0 10

Hi Ketan, 

 

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

 

Thank you