如何在Shopify中获得唯一的变体option2值

Question

我正在尝试在产品页面内创建一个部分，供用户选择衬衫的颜色（以及尺寸）

我了解到，要获取变量选项的单独值，我应该遍历变量，并为第一个选项获取variant.option1，为第二个选项获取variant.option2。

但是，由于存在组合，它会多次渲染每个选项（例如，小+红色，大+红色，因此会渲染两次）

如何每种颜色渲染一次？独特吗？

此外，如果有人可以为我提供一个可以渲染多个变体的模板，我将非常感激。 Shopify几乎不提供在线帮助。

Answer 1

使用uniq

{% assign options = '' %}
{% for variant in product.variants %}
    {% assign options = options | append: ',' | append: variant.option2 %}
{% endfor %}
{% assign options = options | remove_first: ',' | split: ',' | uniq %}

{% for option in options %}
{{ option }}<br/>
{% endfor %}