Question

我的客户有一个产品包，他们在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美元的基本价格由后端管理。

同时，将产品添加到购物车时，包装内选择的六种产品也应显示在购物车的订单项中。

期望的功能类似于该站点上的功能-https://www.dell.com/en-us/work/shop/dell-laptops-and-notebooks/inspiron-15-7000-gaming/spd/inspiron-15-7567-laptop/cai157w10p7s514，根据我的选择，附加成本不断增加基本价格。

当前，客户的网站通过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>

适当的JS函数如下：

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

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

0 个答案: