0

カテゴリページに商品のグリッドがあり、各商品画像の下に[カートに追加]ボタンがあります。list.phtmlファイルを使用してこのグリッドのレイアウトを編集しました。「カートに追加」の横に数量入力ボックスを追加するにはどうすればよいですか?

4

2 に答える 2

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 によってユーザー エクスペリエンスが大幅に向上する可能性があり、コードを少し変更する必要があると思います。

于 2012-08-08T04:21:39.730 に答える
0

最初に、フォームがどのように送信されるかを知る必要がある場合があります。「カートに追加」アクションを送信すると、フォームがあります。

Ram Les の回答によると、「qty」入力ボックスをフォームに追加する必要があります。したがって、[カートに追加] をクリックすると、数量情報を含むフォームがコントローラーに送信され、そこからコントローラーが追加する製品の数量を処理します。

この助けを願っています。

于 2012-08-08T04:28:51.013 に答える