Image 显示特定Shopify变体的图像

我试图在我的Shopify商店中显示一个图像，如果一个产品有“OS”的变体，如果它没有，那么我需要显示一个不同的图像。我还需要显示产品的每个变体的标题。这就是我现在拥有的，但它似乎不起作用

<div class="homepage-sizechart">
    <div class="sizes">
        {% if product.variants.title contains  'OS' %}
            {{ 'onesize-triangle.png' | asset_url | img_tag }} 
          {% else %}
            {{ 'size-triangle.png' | asset_url | img_tag }} 
        {% endif %}         
        {% for variant in product.variants %}
           <span class="{{ variant.title }}-product {% if variant.inventory_quantity == 0 %}outofstock{% endif %}">{{ variant.title }}</span>
        {% endfor %}      
    </div>
</div>  

{%如果product.variants.title包含“OS”}
{{'onesize triangle.png'|资产| url | img_标签}
{%else%}
{{'size triangle.png'|资产| url | img_标签}
{%endif%}
{product.variants%中的变量为%0}
{{variant.title}}
{%endfor%}

产品。变体是一个集合，因此您需要遍历它以确定其中一个变体是否有包含“OS”的标题

大概是这样的：

{% assign contains_os = false %}
{% for variant in product.variants %}
  {% if variant.title contains 'OS' %}
    {% assign contains_os = true %}
  {% endif %}
{% endfor %}

<div class="homepage-sizechart">
    <div class="sizes">
        {% if contains_os %}
            {{ 'onesize-triangle.png' | asset_url | img_tag }} 
          {% else %}
            {{ 'size-triangle.png' | asset_url | img_tag }} 
        {% endif %}         
        {% for variant in product.variants %}
           <span class="{{ variant.title }}-product {% if variant.inventory_quantity == 0 %}outofstock{% endif %}">{{ variant.title }}</span>
        {% endfor %}      
    </div>
</div> 

{%assign包含\u os=false%}
{product.variants%中的变量为%0}
{%如果variant.title包含“OS”}
{%assign包含_os=true%}
{%endif%}
{%endfor%}
{%if包含_os%}
{{'onesize triangle.png'|资产| url | img_标签}
{%else%}
{{'size triangle.png'|资产| url | img_标签}
{%endif%}
{product.variants%中的变量为%0}
{{variant.title}}
{%endfor%}