我的类别页面上有一个网格关闭产品,其中包含每个产品图片下方的“添加到购物车”按钮。我已经通过list.phtml文件编辑了这个网格的布局。如何在“添加到购物车”旁边添加数量输入框?
答案 0 :(得分:1)
如果只涉及简单的产品,那就不难了。但对于所有类型的产品,它真的很复杂。
希望以下代码段对您有所帮助:
<div class="product-list">
<div class="product">
<form class="product-<?php echo $_product_id?>" action="<?php // add to cart url?>">
<input type="hidden" name="product" value="<?php echo $_product_id; ?>">
<input type="text" name="qty">
<button class="add-to-cart" value="add to cart">
</form>
</div>
</div>
<script>
jQuery(function() {
jQuery('.add-to-cart').click(function() {
jQuery(this).parent().submit();
});
});
</script>
顺便说一句,我认为如果您已经实现了这一点,AJAX可能会对用户体验有很大的改进,并且代码需要稍作修改。
答案 1 :(得分:0)
您可能首先需要知道如何提交表单。提交“添加到购物车”操作时有一个表单。
正如Ram Les所说,您需要在表单中添加“qty”输入框。因此,当您单击添加到购物车时,带有数量信息的表单将提交给控制器,从那里,控制器将处理要添加的产品数量。
希望这有帮助。