Articles on: Products & Collections

Change the word 'Sold Out'

You can change the 'Sold Out' on product when it is out of stock to "Coming Soon" or other words. When you have a "Coming Soon" label on products, it actually helps in capturing leads before your product launch/restock.

In this article :

Change the word 'Sold Out'
Remove 'Sold out' button background colour

⚠️ Kindly take note :
Above all code editing, you will need to re-edit the code again if you switch to a new theme template
We do not allow to change or edit the code for the checkout page (which include shipping & payment method) due to security reasons

1. Change the word 'Sold Out'



To change the word, there are 3 files need to be edited:
product-grid-item.liquid
product.liquid
search-result.liquid

Step 1: Go to EasyStore Admin > Channels > Online Store > Edit source > product-grid-item.liquid

Step 2 : Look for {{ 'products.product.sold_out' | t }} and change the sold out to the words that you prefer in line 31 & 44



Let's say change sold out to coming soon



Step 3 : Save

Step 4 : Select product.liquid from templates

Step 5 : Look for {{ 'products.product.sold_out' | t }} and change the word



Step 6 : Save

Step 7 : Select search-result.liquid under snippets > Look for {{ 'products.product.sold_out' | t }} and change the word



Step 8 : Save and you're all done!

Result :





2. Remove 'Sold out' button background colour



Step 1: Go to EasyStore Admin > Channels > Online Store > Edit source > theme.scss

Step 2 : Look for .badge--sold-out around line 1200+ & change $colorBtnSecondary to new color code

💡 Tips : You may get the color code of your preferred color [here](https://www.rapidtables.com/web/color/html-color-codes.html)



Step 3 : Save

Result :



Updated on: 23/09/2022

Was this article helpful?

Share your feedback

Cancel

Thank you!