Php 当产品属性具有附加价格时更改产品价格（WooCommerce）

对于我的一个网店，我试图实现以下目标： 网店中的所有产品都有变化。 例如，产品X可以订购红色，也可以订购黑色。 现在我想在WooCommerce中设定一个额外的价格，例如黑色

红色-无额外费用 黑色-额外费用30欧元

我如何在WooCommerce中设置此额外成本？我只能为一个产品变量设定一个总价

如何在选项选择框中显示这些额外费用

如果用户选择黑色，我想更改产品价格（将额外成本加在正常产品价格上）

下面你可以找到我想要实现的目标：

在这里，当您更改另一个选项时，您可以看到总价格的变化

以下是我的网店的url：

---

对于这样的前端：

var起始产品成本=500.01；
var总产品成本=0；
功能计算产品成本（）{
var当前成本=开始产品成本；
$（'select'）。每个（函数（）{
var curent_select_val=parseFloat（$（this.val（））；
当前成本+=当前选择值；
});
总产品成本=当前成本；
$（'div#u表示总额'）.html（'$'+当前成本）；
}
$（'select'）.change（函数（）{
计算产品成本（）；
});
$（'btn'表示购买）。单击（函数（）{
警报（“您的产品价格：$”+产品总成本）；
});
计算产品成本（）

不需要
测试选项1（+5$）
测试选项2（+10$）
测试选项3（+20美元）
测试选项4（-20美元）


不需要
新测试选项1（+3$）
新测试选项2（+6$）
新测试选项3（+9$）
新测试选项4（-3$）


作为这里唯一可能的答案，我认为应该警告其他人不要使用此选项。它与Woocommerce无关，不应该与它一起使用（也许OP在之后添加了Woocmmerce？）