Как мне дать класс только тем опциям или вариантам, которых нет в наличии, с помощью Liquid для разработки тем Shopify?

Question

Я пытался отредактировать существующую тему Shopify. У меня есть варианты в виде флажков для размеров, например 8y / 10y / 12y, и если вариант недоступен, я хочу, чтобы вариант был перечеркнут, как показано на изображении ниже для размера L. В настоящий момент я пытаюсь настроить таргетинг на входы тех, которых нет в наличии, добавив disable = "disabled" перед добавлением крестика.

This is the code I have so far, and when I added {% unless variant.available %}disabled="disabled"{% endunless %} it disables all the variant boxes instead of disabling just the ones that are out of stock. I also tried {% unless option.available %}disabled="disabled"{% endunless %} but no changes happened. How do I give a class to the inputs of just variants that are out of stock?

{% for option in product.options_with_values %}
  {%- assign downcased_option = option.name | downcase -%}
  {%- assign is_color = false -%}
  {%- if downcased_option contains 'color' or downcased_option contains 'colour' -%}
    {%- assign is_color = true -%}
  {%- endif -%}
  
  {%- if is_color and enable_swatches -%}
    {%- include 'product-option--color-swatch' -%}
  {%- else -%}
     {{option.name}}  {% для значения в option.values%} {{значение}}   {% endfor%}   {% - endif -%} {% endfor%}