Question

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

<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>

Answer 1

product.variants是一个集合，因此您需要遍历它以确定其中一个变体的标题是否包含“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>

显示特定Shopify变体的图像

1 个答案: