Hello @randytheasian,
Yes, that is possible. It requires additional modifications. Here is how you'd achieve it:
We'll need to modify a few key areas where the sold out badge appears.
First, let's look at the card-product.liquid snippet where sold out badges are displayed. We need to modify two instances:
{%- if card_product.available == false -%}
<span
id="NoMediaStandardBadge-{{ section_id }}-{{ card_product.id }}"
class="badge badge--bottom-left color-{{ settings.sold_out_badge_color_scheme }}"
>
{{- 'products.product.sold_out' | t -}}
</span>
and
{%- if card_product.available == false -%}
<span
id="Badge-{{ section_id }}-{{ card_product.id }}"
class="badge badge--bottom-left color-{{ settings.sold_out_badge_color_scheme }}"
>
{{- 'products.product.sold_out' | t -}}
</span>
Here's how it should modify these sections to handle the new condition:
{%- if card_product.available == false -%}
<span
id="NoMediaStandardBadge-{{ section_id }}-{{ card_product.id }}"
class="badge badge--bottom-left color-{{ settings.sold_out_badge_color_scheme }}"
>
{%- if card_product.tags contains 'Unavailable' -%}
{{- 'products.product.unavailable' | t -}}
{%- else -%}
{{- 'products.product.sold_out' | t -}}
{%- endif -%}
</span>
{%- endif -%}
You'll also need to modify the price snippet since it shows sold out badges as well:
<span class="badge price__badge-sold-out color-{{ settings.sold_out_badge_color_scheme }}">
{{ 'products.product.sold_out' | t }}
</span>
Should be updated to:
<span class="badge price__badge-sold-out color-{{ settings.sold_out_badge_color_scheme }}">
{%- if product.tags contains 'Unavailable' -%}
{{ 'products.product.unavailable' | t }}
{%- else -%}
{{ 'products.product.sold_out' | t }}
{%- endif -%}
</span>
Make sure your theme's locale files (typically in locales/en.default.json or similar) have both translations defined:
{
"products": {
"product": {
"sold_out": "Sold Out",
"unavailable": "Unavailable"
}
}
}
