magento - 将数量输入添加到 Magento 产品网格

Question

我的类别页面上有一个网格产品，每个产品图片下方都有一个“添加到购物车”按钮。我已经通过 list.phtml 文件编辑了这个网格的布局。如何在“添加到购物车”旁边添加数量输入框？

Answer 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 可能会给用户体验带来很大的改善，代码需要稍作改动。

Answer 2

您可能首先需要知道如何提交表单。提交“添加到购物车”操作时有一个表单。

正如 Ram Les 所回答的，您需要将“数量”输入框添加到表单中。因此，当您单击添加到购物车时，带有数量信息的表单将提交给控制器，控制器将从那里处理要添加的产品数量。

希望这有帮助。