如何在 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 %}