Shopify和jQuery：如何使用产品变体下拉选择菜单更改自定义值

Question

这是我第一次使用Shopify。到现在为止还挺好。但是，我没有使用Shopify购物车。我正在使用名为Shopatron的第三方公司进行实施，他们通过一些基本API提供自己的购物车功能。基本上，Shopatron提供的是SKU。当我在Shopify中创建产品时，我使用该SKU，然后使用以下代码在product.liquid页面上为Shopatron的“添加到购物车”按钮调用它：

<tron:ATCButton part_number="{{ product.variants.first.sku }}"></tron:ATCButton>

这很好用，并将SKU传递给Shopatron购物车。但是，我需要将Shopify变体添加到某些项目中，这意味着根据下拉菜单选择会有不同的SKU（下拉菜单显然是Shopify项目）。我需要知道如何更改“{{product.variants.first.sku}}”值，以便根据下拉选项更新SKU。

我假设这可以用jQuery完成，但我不确定如何将它绑在一起。任何帮助将不胜感激！在电子商务部分的http://developer.shopatron.com/api有Shopatron API参考，尽管我认为这是Shopify的事情。

Answer 1

shopify有一个

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

所以如果你创建一个名为

的函数

var selectCallback = function(){
    if (variant) {

      if (variant.available) {

        $("#shptrn_addToCart input[name=partNumber]").val(variant.sku);
      }
    }
};

应正确设置购物中​​心的sku添加到购物车按钮