在收藏页面Shopify中将变体产品的“添加到购物车”更改为“选择选项”

Question

我已经成功地在Flex主题的集合页面中从沙箱中添加了一个addtocart按钮。但是，对于变体产品，当您单击“添加到购物车”时，它会自动将默认变体产品添加到购物车。我想改变这一点，使其在按钮上显示“选择选项”，而不是“添加到购物车”，单击它会将您带到产品页面，然后您必须在将其添加到购物车之前选择变体。

添加到购物车按钮的代码是：

<form method="post" action="/cart/add">
<input type="hidden" name="id" value="{{ product.variants.first.id }}" />
<input type="submit" value="{% if product.variants.first.available%}Add to Basket{% else %}Out of Stock{% endif%}" class="button ajax-submit action_button button--add-to-cart" {% unless product.variants.first.available %}disabled{% endunless %} />
</form>

有人能帮忙吗？

谢谢

Answer 1

类似这样的方法会奏效：

{% if product.available == false %}
    <span>Out of Stock</span>
{% elsif product.has_only_default_variant %}
    <form method="post" action="/cart/add">
        <input type="hidden" name="id" value="{{ product.variants.first.id }}" />
        <input type="submit" value="Add to Basket" class="button ajax-submit action_button button--add-to-cart" />
    </form>
{% else %}
    <a href="{{ product.url }}">Choose option</a>
{% endif %}