Changing 'Sold Out' Badge To 'Coming Soon', BUT Only For Specific Product.Types

Store Design
, , , , ,

Topic summary

A Shopify store owner using the Stiletto theme wants to conditionally change “Sold Out” badges to “Coming Soon” for products with zero inventory, but only when those products have a specific product.type labeled “Coming Soon” or belong to a “Coming Soon” collection.

Proposed Solution:
One responder suggested modifying the theme’s Liquid code by:

  • Navigating to Online Store > Themes > Edit code
  • Finding the product card snippet file (typically “product-card-grid-item.liquid”)
  • Adding conditional logic to check if product.type == 'Coming Soon' and product.available == false, then displaying “Coming Soon” instead of “Sold Out”

Current Challenge:
The original poster cannot locate the suggested file or any code containing “product-badge” or “sold out” text in their theme’s snippets or card files. They offered collaborator access (Request Code: 9008) to help identify the correct file location.

Status:
The issue remains unresolved. One community member declined to assist due to scope limitations and suggested contacting Shopify support or finding another expert. The store is not yet live.

Summarized with AI on November 19. AI used: claude-sonnet-4-5-20250929.
1

Hi, I am making a new upgrade to my store, and just bought Stiletto Theme

I’m wondering if someone can help with some liquid coding, that edits “Sold Out” badges to say “Coming Soon”, but ONLY for items with a custom product.type labeled “Coming Soon”, or in a “Coming Soon” collection. Whichever route may be easiest.

So if an item has the product.type “Coming Soon” and has 0 inventory, it will display “Coming Soon” on the badge. If the product doesn’t have the “Coming Soon” product.type and 0 inventory, it will display the “Sold Out” badge as normal.

Thank you very much! I really hope someone can help!

My site URL: https://of39cl3vf2hpozp8-57068945600.shopifypreview.com/collections/coming-soon

(Preview only available in two days)

.

.

.

.

.

.

.

.

@GemPages_Agents

@KetanKumar

@hammadCodes

@PaulNewton

@Ninthony

@dmwwebartisan

@ExpertRookie

@MandasaTech

@GemPages

@Mike-Omega

@PageFly-Richard

2 Likes
2

Hello @stinem123

To modify the “Sold Out” badges to say “Coming Soon” for specific items based on their product type or collection, you’ll need to make some code changes in your Stiletto theme. Here’s a general approach to achieve this:

  • Open your Shopify admin and go to Online Store > Themes.
  • Locate the Stiletto theme and click on the “Actions” dropdown, then select “Edit code.”
  • In the theme editor, navigate to the “Snippets” directory and find the file named “product-card-grid-item.liquid” or a similar file that handles the rendering of product grid items.
  • Open the “product-card-grid-item.liquid” file and search for the code that generates the “Sold Out” badge. It might look similar to this:
{% if product.available == false %}
Sold Out
{% endif %}
  • Replace the above code with the following logic to handle the “Coming Soon” badges:
{% if product.available == false %}
{% if product.type == 'Coming Soon' %}
Coming Soon
{% else %}
Sold Out
{% endif %}
{% endif %}

  • In the updated code, we added a nested condition to check if the product’s type is “Coming Soon.” If it is, it will display the “Coming Soon” badge, and if not, it will display the “Sold Out” badge as before.

  • Save the changes to the file.

1 Like
3

Hi @ZestardTech , thanks for you reply! I tried locate the right file in snippets, but nothing named “product-card-grid-item.liquid” or similar to that. Do you know which one these in the left side it could be? I tried the “product-card-mini.liquid” file, but there was no results for “sold out” or “sold” as you can se..

I really hope you can help!

Skærmbillede 2023-05-30 kl. 09.41.51.jpg
Skærmbillede 2023-05-30 kl. 09.41.51.jpg2398×1378 256 KB

1 Like
4

Hello @stinem123

Also check the other product card file and search .product-badge and sold out text.

1 Like
5

Hi @ZestardTech , I just looked up all card files in generel and all snippets file available. I really cannot find badge “.product-badge” or “sold out” anywhere..

Maybe I can give you collaborator access to my themes and codes section, to see if you can find it? If that is ok for u, you can use Request Code: 9008

It is not live yet, because it is not ready for launch yet.

6

Hi @stinem123

I’m sorry but this is out of my scope. You may try contacting Shopify support or finding another expert regarding this issue.

Best regards,
Richard | PageFly Team

1 Like