如何在opencart的功能页面中添加加号减号按钮
how to add plus minus button in feature page in opencart
我已经在产品页面中对正负数量进行了扩展,您可以查看http://www.opencart.com/index.php?route=extension/extension/info&extension_id=25282&filter_search=addplusminus&filter_license=0
现在我需要的是它对出现在默认情况下,Opencart 主页..
到目前为止,我在 feature.tpl 和 feature.php 上看到只有产品 ID 在“[=31 中发送=]()”函数,只有我需要弄清楚在“cart.add()”函数中发送当前产品数量,但我不是经过大量工作后能够弄清楚..
这是我的代码:
<div class="form-group">
<i class="fa fa-minus pull-left" id="minus-qty"></i>
<label class="control-label" for="input-quantity"><?php echo $entry_qty; ?></label>
<input type="text" name="quantity" value="<?php echo $minimum; ?>" size="2" id="input-quantity" class="form-control" />
<input type="hidden" name="product_id" value="<?php echo $product_id; ?>" />
<i class="fa fa-plus" id="plus-qty"></i>
</div>
//for add button
<button type="button" onclick="var cartqty = $('#input-quantity').val();alert(cartqty);cart.add('<?php echo $product['product_id']; ?>',cartqty);">
<i class="fa fa-shopping-cart"></i>
<span class="hidden-xs hidden-sm hidden-md"><?php echo $button_cart; ?></span>
</button>
现在它只适用于一种产品而不适用于所有产品,我如何做到这一点以适用于所有人..
提前致谢。
首先要把所有的#
改成.
,一个id
不能在一个页面重复。它必须是独一无二的。
其次你需要改变:
$('#input-quantity')
至:
$(this).next('.input-quantity')
或:
$(this).prev('.input-quantity')
现在这是您更正后的代码,javaScript 部分:
<script>//minus quantity
$('.minus-qty').css("margin-top", ".2em");
$('.minus-qty').click(function(){
var crtval = $(this).next('.input-quantity').val();
if(crtval < 2){
alert('Quanty Must Be 1');
}
else{
var cartval = parseInt(crtval) - parseInt(1);
//alert(cartval);
$(this).next('.input-quantity').append().val(cartval);
}
});
//add quantity
$('.plus-qty').click(function(){
var crtval = $(this).prev('.input-quantity').val();
var cartval = parseInt(crtval) + parseInt(1);
//alert(cartval);
$(this).prev('.input-quantity').append().val(cartval);
});
</script>
我已经在产品页面中对正负数量进行了扩展,您可以查看http://www.opencart.com/index.php?route=extension/extension/info&extension_id=25282&filter_search=addplusminus&filter_license=0
现在我需要的是它对出现在默认情况下,Opencart 主页..
到目前为止,我在 feature.tpl 和 feature.php 上看到只有产品 ID 在“[=31 中发送=]()”函数,只有我需要弄清楚在“cart.add()”函数中发送当前产品数量,但我不是经过大量工作后能够弄清楚..
这是我的代码:
<div class="form-group">
<i class="fa fa-minus pull-left" id="minus-qty"></i>
<label class="control-label" for="input-quantity"><?php echo $entry_qty; ?></label>
<input type="text" name="quantity" value="<?php echo $minimum; ?>" size="2" id="input-quantity" class="form-control" />
<input type="hidden" name="product_id" value="<?php echo $product_id; ?>" />
<i class="fa fa-plus" id="plus-qty"></i>
</div>
//for add button
<button type="button" onclick="var cartqty = $('#input-quantity').val();alert(cartqty);cart.add('<?php echo $product['product_id']; ?>',cartqty);">
<i class="fa fa-shopping-cart"></i>
<span class="hidden-xs hidden-sm hidden-md"><?php echo $button_cart; ?></span>
</button>
现在它只适用于一种产品而不适用于所有产品,我如何做到这一点以适用于所有人..
提前致谢。
首先要把所有的#
改成.
,一个id
不能在一个页面重复。它必须是独一无二的。
其次你需要改变:
$('#input-quantity')
至:
$(this).next('.input-quantity')
或:
$(this).prev('.input-quantity')
现在这是您更正后的代码,javaScript 部分:
<script>//minus quantity
$('.minus-qty').css("margin-top", ".2em");
$('.minus-qty').click(function(){
var crtval = $(this).next('.input-quantity').val();
if(crtval < 2){
alert('Quanty Must Be 1');
}
else{
var cartval = parseInt(crtval) - parseInt(1);
//alert(cartval);
$(this).next('.input-quantity').append().val(cartval);
}
});
//add quantity
$('.plus-qty').click(function(){
var crtval = $(this).prev('.input-quantity').val();
var cartval = parseInt(crtval) + parseInt(1);
//alert(cartval);
$(this).prev('.input-quantity').append().val(cartval);
});
</script>