删除下拉列表中的特定产品选项

Question

我想知道是否可以删除特定产品选项下拉列表并将其显示在<p>标记内或仅显示正常字符串？想象一下，我有3个产品选择：

1. 颜色
2. 尺寸
3. 类型

我们都知道所有这些选项都会显示在下拉菜单中。那么我想将Size选项显示为普通字符串或文本呢？我们怎么能这样做？

这是一张让图片更清晰的图片。



product.liquid

<select name="id" id="ProductSelect" class="product-single__variants">
   {% for variant in product.variants %}
   {% if variant.available %}
      <option {% if variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money_with_currency }}    </option>
   {% else %}
      <option disabled="disabled">
         {{ variant.title }} - {{ 'products.product.sold_out' | t }}
      </option>
   {% endif %}
   {% endfor %}
</select>

Answer 1

我刚刚找到答案。我会在这里发布它以帮助其他人解决与我相同的问题。

在product.liquid中：

<!--   product options -->
   {% capture option_titles %}Size,Flavor{% endcapture %}

      {% assign option_titles = option_titles | split:',' %}
         {% for option in product.options %}
           {% if option_titles contains option %}
           {% capture option_index %}option{{ forloop.index }}{% endcapture %}
           {% assign option_values = product.variants | map: option_index | uniq %}
           {% if option == 'Flavor' and option_values.size > 1 %}
            <label for="option">{{ option }}</label>
            {{ option_values | join:', ' }}
           {% elsif option_values.size == 1 %}
            <label for="option">{{ option }}</label>
            {{ option_values }}
           {% endif %}
          {% endif %}
         {% endfor %}
<!--  end product options --->

Answer 2

你必须修改product.liquid模板而不是那个下拉列表，你必须创建为你设置的LI或Text。