Question

今天我来了这个问题：

我正在使用Shopify的默认javascript作为产品变量的多选择器：

jQuery(function($) {
    new Shopify.OptionSelectors("product-select", { product: {{ product | json }}, onVariantSelected: selectCallback });
});

如果我有变量，比如像这样定义的袜子：

XS / Pair
S / Pair
M / Pair
L / Pair

XS / Single
S / Single
M / Single
L / Single

我想知道的是，如果有一种方法可以设置默认选择的变体，例如，如果我在一个名为“Single Socks”的集合上，则选中Single选项，如果我在一个集合中称为“袜子对”，检查对变体。

有没有办法在不试图改变宇宙结构的情况下实现这一目标？

提前致谢： - ）

Answer 1

您注意到配对和单是选项吗？好吧，事实证明Shopify仍然呈现选择元素，这些选项是宇宙结构的一部分。您的挑战是等到所有选择元素全部设置完毕，然后选择您想要的元素，首先找到与您的选项匹配的元素，然后选择特定的选项值。

它真的归结为仅仅通过计划检查一些选择元素...... Shopify代码很难确定......但最终，它完全是可以破解的。

Answer 2

最后我做的是用jQuery触发变更：

{% if collection.url contains "pair" %}
    $('#product-select-option-1').val("Pair").trigger('change');
{% else %}
    $('#product-select-option-1').val("Single").trigger('change');
{% endif %}

Shopify多重选择器上的默认选择

2 个答案: