0

我必须稍微修改一下 opencart 商店系统才能自动更新产品价格,所以我找到了一个我已经修改了一些但现在遇到问题的脚本。

从 div 获取的原始价格,使用来自选定单选或选择选项的值进行更新。但是,当我在产品中有多个选项(多选或单选)时,价格不会相应更新:始终获取原始价格(从脚本中),并且在更改另一个选项时,它不会使用更新的价格更新它之前. 除此之外:当您选择一个选项,然后选择另一个选项并再次更改第一个选项时,它根本不会再更改任何内容。

jQuery脚本:

$(document).ready(function() {
   $('.option').change(function() {
   var OriginalPrice = $('#thisIsOriginal').text();
   OriginalPrice = OriginalPrice.replace( /,/,"." );

   var OriginalCurrency = OriginalPrice.substring(OriginalPrice.length - 1, OriginalPrice.length);
   OriginalPrice = OriginalPrice.substring(0,OriginalPrice.length - 1);

   if($('.option :checked').val()) {
    var newPriceValue = $('.option :checked').attr("id");
    newPriceValue = $("label[for='" + newPriceValue + "']").text();
   }
   if($('.option :selected').val()) {
    var newPriceValue = $('.option :selected').text();
   }

   newPriceValue = newPriceValue.replace( /,/,"." );

   var position1 = newPriceValue.indexOf("(");
   var position2 = newPriceValue.indexOf(")");
   position1 = position1+2;

   var finalPriceValue = newPriceValue.substring(position1, position2);
   if(newPriceValue.indexOf('.') == -1)
   {
    finalPriceValue = "0";
   }
   else
   {
    finalPriceValue = finalPriceValue.substring(0,finalPriceValue.length - 1);
   }
   console.log(finalPriceValue);

   finalPriceValue = parseFloat(finalPriceValue) + parseFloat(OriginalPrice);
   finalPriceValue = finalPriceValue.toFixed(2);
   finalPriceValue = finalPriceValue.replace( ".","," );

   $('#priceUpdate').text(finalPriceValue + OriginalCurrency);
   });
});

价格以欧元为单位,因此它会将其转换为正确的十进制值并返回。

希望它很清楚,有人可以提供帮助!

干杯!

4

3 回答 3

0

假设您的代码的其他部分按预期执行(因为我看不到您的 html 示例)。还将假设您的所有无线电标签和选择标签都添加了 class="option" 。

目前,您正在检查是否每个 .option 都被选中或选中,但在可能有多个值时只得到一个值。

function get_final_price_value(newPriceValue)
{
  newPriceValue = newPriceValue.replace( /,/,"." );

   var position1 = newPriceValue.indexOf("(");
   var position2 = newPriceValue.indexOf(")");
   position1 = position1+2;

   var finalPriceValue = newPriceValue.substring(position1, position2);
   if(newPriceValue.indexOf('.') == -1)
   {
    finalPriceValue = "0";
   }
   else
   {
    finalPriceValue = finalPriceValue.substring(0,finalPriceValue.length - 1);
   }

  return parseFloat(finalPriceValue)
}

var runningTotalUpdatedPrice = parseFloat(OriginalPrice);

$('.option :checked').each(function(index) {
    var newPriceValue = $(this).attr("id");
    newPriceValue = $("label[for='" + newPriceValue + "']").text();
    var finalPriceValue = get_final_price_value(newPriceValue);
    runningTotalUpdatedPrice = runningTotalUpdatedPrice + finalPriceValue;
});
$('.option :selected').each(function(index) {
    var newPriceValue = $(this).text();
    var finalPriceValue = get_final_price_value(newPriceValue);
    runningTotalUpdatedPrice = runningTotalUpdatedPrice + finalPriceValue;
});

runningTotalUpdatedPrice = runningTotalUpdatedPrice.toFixed(2);
runningTotalUpdatedPrice = runningTotalUpdatedPrice.replace( ".","," );

$('#priceUpdate').text(runningTotalUpdatedPrice + OriginalCurrency);
于 2012-08-29T00:13:41.317 回答
0
<script type="text/javascript">
function get_final_price_value(newPriceValue)
{

var position1 = newPriceValue.indexOf("(");
var position2 = newPriceValue.indexOf(")");

position1 = position1+2;

var finalPriceValue = newPriceValue.substring(position1, position2);

if(newPriceValue.indexOf('.') == -1)
{
 finalPriceValue = "0";

}
else
{
 finalPriceValue = finalPriceValue.substring(1,finalPriceValue.length - 1 );
}


 return finalPriceValue;
}

$(document).ready(function() {
$('.option').live('change',function() {
var OriginalPrice = $('#thisIsOriginal').text();
var OriginalCurrency = OriginalPrice.substring(0, 1);
OriginalPrice = OriginalPrice.substring(1);

var runningTotalUpdatedPrice = parseFloat(OriginalPrice);


$('.option :selected').each(function(index) {
    var newPriceValue = $(this).text();

    var finalPriceValue = get_final_price_value(newPriceValue);


    runningTotalUpdatedPrice = runningTotalUpdatedPrice +     parseFloat(finalPriceValue);
        });

 runningTotalUpdatedPrice = runningTotalUpdatedPrice.toFixed(2);

 $('#priceUpdate').text(OriginalCurrency + runningTotalUpdatedPrice  );

    }); 
 });
 </script>

仅限英国

于 2013-01-24T11:43:42.223 回答
0

这是我用来改变期权价格的代码。此外,还可以选择更改产品图片。

$(document).ready(function() {

//total value
var total = 0;

//get the original price and convert to decimal (Euro prices)
var OriginalPrice = $('#thisIsOriginal').text();
OriginalPrice = OriginalPrice.replace( /,/,"." );

//get the currency (in Euro placed at the end of the string)
var OriginalCurrency = OriginalPrice.substring(OriginalPrice.length - 1, OriginalPrice.length);
OriginalPrice = OriginalPrice.substring(0,OriginalPrice.length - 1);

function calcTotal() {
    $("input:checked").each(function() {
        var value1 = $(this).attr("id");
        value1 = $("label[for='" + value1 + "']").text();
        value1 = value1.replace( /,/,"." );

        var position11 = value1.indexOf("(");
        var position12 = value1.indexOf(")");
        position11 = position11+2;

        var newPrice1 = value1.substring(position11, position12);
        if(value1.indexOf('.') == -1) {
            newPrice1 = "0";
        }
        else {
            newPrice1 = newPrice1.substring(0,newPrice1.length - 1);
        }

        total += parseFloat(newPrice1);
    });

    $("select option:selected").each(function() {
        var value2 = $(this).text();
        value2 = value2.replace( /,/,"." );

        var position21 = value2.indexOf("(");
        var position22 = value2.indexOf(")");
        position21 = position21+2;

        var newPrice2 = value2.substring(position21, position22);
        if(value2.indexOf('.') == -1) {
            newPrice2 = "0";
        }
        else {
            newPrice2 = newPrice2.substring(0,newPrice2.length - 1);
        }

        total += parseFloat(newPrice2);
    });
}

function imageUpdate( getoptionId ) {
    var value3 = $("label[for='option-value-" + getoptionId + "']").children("img").attr("src");

    var fileNameIndex = value3.lastIndexOf("/") + 1;
    var fileName = value3.substr(fileNameIndex);

    var fileTypeStart = fileName.indexOf("50x50");
    var fileTypeEnd = fileName.indexOf("50x50")+5;
    var fileType = fileName.substring(fileTypeEnd,fileName.length);

    var plainFileName = fileName.substring(0,fileTypeStart-1);

    var fullPath = value3.indexOf(fileName);
    fullPath = value3.substring(0,fullPath);

    var newPath = fullPath.replace("cache/","");

    var newFile = newPath + plainFileName + fileType;

    $("#imageUpdate > img").attr("src",newFile);
    $("#imageUpdate > img").attr({ width: '228px', height: '228px' });
}

$('.option').change(function() {
    total = 0;
    calcTotal();

    //add the collected changed prices on top of the original price
    total = parseFloat(total) + parseFloat(OriginalPrice);
    total = total.toFixed(2);
    total = total.replace( ".","," );

    //update the price value into the related div
    $('#priceUpdate').text('<span class="price-currency">' + OriginalCurrency + '</span> ' + total);

    var optionId = $(this).find("input:checked").val();
    imageUpdate(optionId);
});

});

希望这可以帮助!

于 2013-04-07T11:13:47.383 回答