Magento :如何在产品详细信息页面中显示选定的自定义选项价格 在价格框中

2022-08-30 23:44:31

我想在产品详情页面的价格框中显示带有名称的自定义期权价格。

enter image description here

我也尝试这个链接,但没有成功这是我使用的链接

因此,请向我推荐任何解决方案。


答案 1

首先你必须把按钮calculateprice

然后点击你就得调用函数calculatepricechkprice()

        function chkpice()
    {
        var a=document.getElementById("options_1_text").value; 
        var b=document.getElementById("options_2_text").value; 
        var c=document.getElementById("options_3_text").value; 
        var d=document.getElementById("options_4_text").value; 
        var e=<?php echo $_product = $this->getProduct()->getPrice()?>;       
        var f=(a+b+c+d)+e;
        var e=document.getElementById(('product-price-'+<?php echo $_product = $this->getProduct()->getId()?>)).innerHTML;
        $('product-price-'+<?php echo $_product = $this->getProduct()->getId()?>).innerHTML =''+e.replace(<?php echo $_product = $this->getProduct()->getPrice()?>,d)+'</span>';
    }

而不是把你的id,它会得到你的结果options_1_text,options_2_text,options_3_text,options_4_text


答案 2

首先,执行负责更新费用的功能:

function updateCharges(){
   var tmpText="";
   $("input[type='select']").each(function{
   tmpText+=$("#"+this.id+"option:selected").text()+"<br>";    
   });
   $("#detailDiv").html(tmpText)
}

然后,您只需将selects绑定到该函数即可

$("input[type='select']").change(updateCharges)

现在,您只需要确保在模板中包含<div id="detailDiv"></div>

我只需使用上述代码创建自定义块并将其放置在产品详细信息页面中即可。此外,您应该检查所使用的选择器,它们将在页面上查找绝对的所有选择,因此这不是您想要的。但这只是一个消防员的问题,直到找到合适的选择器


推荐