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