Not able to mark a featured collection item as sold out (three variants)

[sondrehille]

Hello! 

I am selling art (paintings), and have three different "materials"; 

1. Originaler

2. Kunsttrykk 

3. Håndkolorerte kunsttrykk

The problem is, that when I am adding them to a Featured Collections with for example "Originaler", and the variant "originaler" is sold out, it will not appear "Sold out" before ALL THREE variants are sold out....

Please help me. I need the different variants to show that they are sold out in the featured collections...

Comment on the pictures: 

First picture: tou can see that the "Original" is sold out. 

Secound picture: You can not see this on the Featured Collection for "originaler" because it is different variants on it.

Here is the code - I guess?? The domain is: www.annemargrethe.com 

<div class="grid__item grid-product {{ gridView }} {% if quick_shop_enable %} grid-product__has-quick-shop{% endif %}" data-aos="row-of-{{ per_row }}" data-product-handle="{{ product.handle }}" data-product-id="{{ product.id }}">
<div class="grid-product__content">
{%- if has_custom_label -%}
<div class="grid-product__tag grid-product__tag--custom">
{{ custom_label }}
</div>
{%- else -%}
{%- unless product.available -%}
<div class="grid-product__tag grid-product__tag--sold-out">
{{ 'products.product.sold_out' | t }}
</div>
{%- endunless -%}
{%- if on_sale and product.available -%}
<div class="grid-product__tag grid-product__tag--sale">
{{ 'products.general.sale' | t }}
</div>
{%- endif -%}
{%- endif -%}

[StephensWorld]

I'm not aware of a way to accomplish this with coding (not sure if it's possible or not -- never seen it done though). The only way I know of to show the 'sold out' label on collection pages/sections, is if you were to split the product variants into individual separate products.