2013-03-28 26 views
-1

我已将一些数量增加按钮添加到我的产品列表视图页,我已将代码添加到list.phtml - +/-按钮和数量字段显示出来,但我只需要将它与'加入购物车'按钮连接起来,因为目前如果点击'加入购物车',它仍然只会添加1个产品。有人可以告诉我我该怎么做?Magento:在list.phtml中添加+/-数量递增按钮

这里是PHP:

<div class="quantity"> 
<input type="text" name="qty" id="qty" maxlength="12" value="<?php echo $this->getMinimalQty($_product) ?>" title="<?php echo $this->__('Qty') ?>" class="input-text qty"/> 
</div> <!-- /.quantity --> 
<p><button type="button" title="<?php echo $this->__('Add to Cart') ?>" class="button btn-cart" onclick="setLocation('<?php echo $this->getAddToCartUrl($_product) ?>')"><span> <span><?php echo $this->__('Add to Cart') ?></span></span> 
</button></p> 

这里是JavaScript:

<script type ="text/javascript"> 
jQuery("div.quantity").append('<input type="button" value="+" id="add1" class="plus" />').prepend('<input type="button" value="-" id="minus1" class="minus" />'); 
    jQuery(".plus").click(function() 
    { 
     var currentVal = parseInt(jQuery(this).prev(".qty").val()); 

     if (!currentVal || currentVal=="" || currentVal == "NaN") currentVal = 0; 

     jQuery(this).prev(".qty").val(currentVal + 1); 
    }); 

    jQuery(".minus").click(function() 
    { 
     var currentVal = parseInt(jQuery(this).next(".qty").val()); 
     if (currentVal == "NaN") currentVal = 0; 
     if (currentVal > 0) 
     { 
      jQuery(this).next(".qty").val(currentVal - 1); 
     } 
    }); 
    </script> 

我只需要知道如何让剧本和“添加到购物车”按钮交谈每个其他因此当您按数量递增按钮并点击'添加到购物车'时,它会将数量字段中指示的产品数量添加到购物车。

http://www.onlineshopz.co.uk/demo1/index.php/starters/meat.html这是带有它的网站,jQuery按钮添加和删除数量框中的产品,但是当您点击“添加到购物车”时,它仍然只会将一个产品添加到购物车。我需要添加购物车按钮来识别数量框中的内容。

+0

你的问题是不明确请问您jqyery代码的工作?我的意思是当你点击+/-按钮时,它是否正确更新值?或者你有这样做的问题?对于像购物车系统这样的东西,更好地分离您的逻辑和演示文稿,为调试提供了很多支持 – ManZzup

回答

1

你需要用你的jQuery文档准备

<script type ="text/javascript"> 
jQuery(document).ready(function() { 
    // js here 
}); 
</script>