Magento:在list.phtml中添加+/-数量增量按钮

时间:2013-03-28 17:56:49

标签: php jquery magento button increment

我已将一些数量增量按钮添加到我的产品列表视图页面,我已将代码添加到list.phtml - +/-按钮和数量字段显示但我只需要链接它一切都在'添加到购物车'按钮,因为此刻如果您点击“添加到购物车”它仍然只添加1个产品。有人可以告诉我如何做到这一点吗?

这是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按钮在数量框中添加和删除产品,但是当您点击&#39;添加到购物车&#39;它仍然只在购物车中添加一个产品。我需要获取添加到购物车按钮以识别数量框中的内容。

1 个答案:

答案 0 :(得分:1)

您需要将jQuery打包成文档

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