Javascript 在产品页面Magento上更改数量时自动更新价格

我期待有产品价格自动更新的基础上，客户选择的数量

当前，当您在magento中选择自定义选项时，价格会自动更新，但当选择数量时，价格不会自动更新

因此，假设产品价格为10英镑。用户输入3个数量，并在产品页面上自动将价格更新为30英镑，依此类推

---

有人知道一种简单的更新方法吗？

使用jquery可以做到这一点

$('#qty').keyup(function(){
    if($(this).val() != '' && isNumber($(this).val()) && $(this).val() > 0)
    {
       var price = $('#real_price').val() * 1;
       var qty = $(this).val() * 1;
       var total = price * qty;
       $('#price').html(total);
    }
    else
    {
       $('#price').html('500');    
    }
});

function isNumber(n) {
    return !isNaN(parseFloat(n)) && isFinite(n);
}

使用jquery:：

HTML代码：：

<input type='number' id='quantity'/>
<span id='total_price'></span>

---

在Magento 1.9.2.4中，要编辑的代码文件是

js/varien/product.js

在Magento 1.9.3及更高版本中，要编辑的文件是

js/varien/product_options.js

添加以下代码：

var qty;
if($('qty').getValue().length == 0 || isNaN($('qty').getValue()) || $('qty').getValue() <= 0) { 
    qty = 1;
} else { 
    qty = $('qty').getValue();
    price *= qty;
}

并在文件末尾添加：

Event.observe(window, 'load', function() {
    $('qty').observe('blur', function(e){
        optionsPrice.reload();
    });
});

---

来源：

在

模板\catalog\product\view.phtml的末尾添加以下脚本


$（'qty'）。观察（'blur'，函数（e）{
$（'qty'）.value=Math.max（$F（'qty'）。替换（/[^\d]./，''），1）；
optionPrice.productPrice=Math.max（optionPrice.productOldPrice，$F（'qty'）*optionPrice.productOldPrice）；
选项price.reload（）；
});

if (price < 0) price = 0;

if (price > 0 || this.displayZeroPrice) { ...

Event.observe(window, 'load', function() {
    $('qty').observe('blur', function(e){
        optionsPrice.reload();
    });
});