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

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

How to get unique variant option2 values in Shopify

shopify