-1

商品リスト ビュー ページに数量増分ボタンをいくつか追加し、コードを list.phtml に追加しました - +/- ボタンと数量フィールドが表示されますが、「追加先」ですべてリンクする必要があります。現時点では、「カートに追加」をクリックしてもまだ 1 つの製品しか追加されないためです。誰かが私にこれを行う方法についてアドバイスしてもらえますか?

PHPは次のとおりです。

<div class="quantity">
<input type="text" name="qty" id="qty" maxlength="12" value="<?php echo  $this->getMinimalQty($_product) ?>" title="<?php echo $this->__('Qty') ?>"  class="input-text qty"/>
</div> <!-- /.quantity -->
<p><button type="button" title="<?php echo $this->__('Add to Cart') ?>" class="button btn-cart" onclick="setLocation('<?php echo $this->getAddToCartUrl($_product) ?>')"><span>  <span><?php echo $this->__('Add to Cart') ?></span></span>
</button></p>

そして、ここにJavaScriptがあります：

<script type ="text/javascript">
jQuery("div.quantity").append('<input type="button" value="+" id="add1" class="plus"   />').prepend('<input type="button" value="-" id="minus1" class="minus" />');
    jQuery(".plus").click(function()
    {
        var currentVal = parseInt(jQuery(this).prev(".qty").val());

        if (!currentVal || currentVal=="" || currentVal == "NaN") currentVal = 0;

        jQuery(this).prev(".qty").val(currentVal + 1);
    });

    jQuery(".minus").click(function()
    {
        var currentVal = parseInt(jQuery(this).next(".qty").val());
        if (currentVal == "NaN") currentVal = 0;
        if (currentVal > 0)
        {
            jQuery(this).next(".qty").val(currentVal - 1);
        }
    });
    </script>

数量増分ボタンを押して「カートに追加」をクリックすると、数量内に示されている数の製品が追加されるように、スクリプトと「カートに追加」ボタンを相互に通信させる方法を知る必要があります。フィールドをショッピング カートに追加します。

http://www.onlineshopz.co.uk/demo1/index.php/starters/meat.htmlこれは、それがオンになっている Web サイトです。jQuery ボタンは、数量ボックス内の製品を追加および削除しますが、「カートに追加」しても、ショッピング カートには 1 つの商品しか追加されません。数量ボックスの内容を認識するために、カートに追加ボタンを取得する必要があります。

4

1 に答える 1

1

jQueryをドキュメントの準備ができた状態でラップする必要があります

<script type ="text/javascript">
jQuery(document).ready(function() {
    // js here
});
</script>
于 2013-03-28T18:30:11.580 に答える