数量最大值为0时隐藏添加到购物车按钮(Shopify)

时间:2014-04-30 21:40:31

标签: jquery shopify liquid

我正在尝试Shopify和BookThatApp在线招聘产品。

应用程序会在预订时强制数量字段的最大值为0,这意味着您无法继续购买。对于可用性,我想在这种情况下使添加到购物车按钮变灰。

自己选择5月13日然后选择3天:

http://propeller-6.myshopify.com/products/007-never-say-never-again-sign

我正在思考并尝试了以下几点:

jQuery(document).ready(function($){
    $( "#product-select-option-0" ).change(function() {
      var maxquantity = $('#quantity').attr('max');
      if  (maxquantity = 0) {
         // hide button
      }
    });
});

我关门了吗? :)

由于 卡罗琳

2 个答案:

答案 0 :(得分:2)

好的,主要问题是change功能。我得到了这样的工作:

$(document).on("change",'#product-select-option-0', function() { 
  var productquantity = $('#quantity').attr('value');
    if  (productquantity == 0) {
        $('#add-to-cart').prop('disabled', true);
      }
})

同时将=更改为==,将.attr('max');更改为.attr('value');(仅在Internet Explorer 10,Opera,Chrome和Safari中支持最大值)。

答案 1 :(得分:1)

我认为它不起作用,因为您没有使用正确的Javascript条件。

if (maxquantity = 0) {不正确Javascript,您可能希望将条件更改为<=,这意味着:小于或等于0或==,这意味着:等于0。 / p>

jQuery(document).ready(function($){
    $( "#product-select-option-0" ).change(function() {
      var maxquantity = $('#quantity').attr('max');
      if  (maxquantity <= 0) {
         // hide button
      }
    });
});