Shopify:触发变体选择更改的功能

时间:2015-08-13 10:15:36

标签: shopify product variants

我正在尝试为我的商店添加数量折扣,但我有一些问题。我希望为产品提供不同的变体,并根据选择的数量,然后我将正确的变体添加到购物车。基本上我设法通过AJAX购物车完成,因此根据数量将正确的变体添加到购物车。但现在,在产品页面上,我希望在数量更新后,以正确的价格显示正确的变体。因此,在数量框中输入数量后,将触发一个函数并更新所选的变量。比如“onkeyup =”myFunction()“。然后在读取数量框值后,选择正确的变体并显示该变体。

但是我无法弄清楚product.selected值的设置位置或者如何更改它,如果它在某个地方作为JSON存在,或者根本不需要改变它。

我已阅读该帖子:Shopify Variants

它确认它是可能的,但我仍然无法找到。

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

我找到了答案,可以解决我的问题。如果有人有兴趣,请查看此处的主题:https://goo.gl/45aGXn

代码如下:

$('#Quantity').keyup(function(){
  if('{{ product.options.first }}' == 'qty'){
      var qty = $('#Quantity').val();                                     
      jQuery.getJSON('/products/' + '{{product.handle}}' + '.js', function (product) {
        for (var i=product.variants.length-1;i>=0;i--){
              if (qty >= parseInt(product.variants[i].title.slice(0,-1))){
               optionSelector.selectVariant(product.variants[i].id);
            break;
              }
           }           
    });    
      }
});