Javascript WooCommerce动态产品定价[前端到购物车]

我的客户有一个产品包，他们在WordPress/woocommerce支持的网站上出售。该包装从10种产品列表中最多可容纳6种产品，底价为40美元。现在，在这10种产品中，我的客户希望有一种产品加入包装后，包装价格会提高1美元

例如：假设A、B、C、D、E、F、G、H、I、J是产品，“J”在基价上加1美元。包中的任何组合A到I（6个插槽）将保持40美元的价格，但如果客户将一个插槽替换为“J”，价格将为41美元

10种产品的列表由JS在前端管理，40美元的底价在后端管理

同时，当产品添加到购物车时，包装内选择的六种产品也应显示在购物车的行项目中

预期的功能与本网站类似——根据我的选择，额外的成本不断增加到基本价格

目前，客户的站点通过URL使用“添加到购物车”，因为主题是定制的

是否有我可以模仿的代码，或者是我可以使用纯JS实现的代码？任何方向都会有帮助

下面是包装产品下拉选择的代码部分

<select class="packItem col-xs-12 col-sm-5" id="packItem5">
    <option price="0" selected="" disabled="" value="0" cal="0">Select Pack Item #5</option>
    <option price="0" value="Product A" type="soups" cal="88">Product A</option>
    <option price="1" value="Product B" type="soups" cal="375">Product B</option>
    <option price="0" value="Product C" type="soups" cal="221">Product C</option>
    …
</select>
<button pid="1234" class="buyProduct">Buy Now</button>

---

您应该提供所需的最短代码，以获得实际拥有的内容。没有这一点，没有人能猜出你的代码是如何完成的，从而能够给你一些东西。@LoicTheAztec。。我没有添加代码，因为我觉得它与我的需求无关。但是是的，现在添加了它。我如何关闭这个？

$('body').on('click','.buyProduct',function(){ $.get('//domainabc.com/?add-to-cart='+$(this).attr('pid')+'&quantity=1').then((d)=>{ someFunction(d) }) })