如何在数量框中添加增加和减少按钮

Question

在产品视图页面中，我想添加一个加减按钮，增加和减少产品数量。

Answer 1

去， 应用\设计\前端\默认\ your_theme \模板\目录\产品\视图\ addtocart.phml

在第32行搜索，

<label for="qty"><?php echo $this->__('Qty:') ?></label> <input type="text" name="qty" id="qty" maxlength="12" value="<?php echo $this->getProductDefaultQty() * 1 ?>" title="<?php echo $this->__('Qty') ?>" class="input-text qty" />

将上面的内容替换为，

<div> <label for="qty"><?php echo $this->__('Qty:') ?></label> <input class="button-arrow button-up" type="button" value='+'></input> <input type="text" name="qty" id="qty" maxlength="12" value="<?php echo $this->getProductDefaultQty() * 1 ?>" title="<?php echo $this->__('Qty') ?>" class="input-text qty" /> <input class="button-arrow button-down" type="button" value='-'></input> </div>

在.phtml文件粘贴结束时，

<script type="text/javascript"> //&lt;![CDATA[ jQuery(function($) { $('.add-to-cart .button-up').click(function() { $qty = $(this).parent().find('.qty'); qty = parseInt($qty.val()) + 1; $qty.val(qty); }); $('.add-to-cart .button-down').click(function() { $qty = $(this).parent().find('.qty'); qty = parseInt($qty.val()) - 1; if (qty < 0) qty = 0; $qty.val(qty); }); }); //]]&gt; </script>

Answer 2

使用HTML5输入类型＆＃34;数字＆＃34;

请在启用之前检查所有浏览器。