如何根据单个产品变体的选择调整我的 Squarespace 产品页面价格（具有多个产品变体）答案

【问题标题】：How can my Squarespace product page price (with multiple product variants) be adjusted based on the choice of a single product variant如何根据单个产品变体的选择调整我的 Squarespace 产品页面价格（具有多个产品变体）
【发布时间】：2020-06-21 20:56:10
【问题描述】：

我的 squarespace 网站上有产品（例如：https://www.spaceystudios.com/shop-all/my-mountains），产品有两种变体（尺寸和框架颜色）。现在，您必须选择框架尺寸和框架颜色才能调整价格，我想知道是否有什么我可以做的，让价格变化仅随着产品尺寸的变化而变化？

感谢您的帮助！

Squarespace Product Page with 2 Product Variants

【问题讨论】：

标签： squarespace inventory

【解决方案1】：

这确实是可以实现的，并且与我过去做过的事情相似。使用 JavaScript，您会：

创建一个检测适用页面的函数（不在此类页面上时不会出错）
解析并存储来自.product-variants div 的data-variants 属性的JSON 数据。
将“onchange”事件侦听器添加到“选择大小”下拉列表。
该侦听器调用一个函数，该函数获取所选选项的值并在上述 JSON 数据中查找第一个匹配项。
当/如果找到，它将.sqs-money-native内的价格设置为相应的价格。
将该代码适当地包装到 account AJAX loading 和其他 Squarespace 特定的注意事项。

如果您不习惯为上述内容编写 JavaScript，我想这需要经验丰富的 Squarepace 开发人员。编写、设置和测试不到几个小时（在多种设备和浏览器中测试总是很好）。

【讨论】：

感谢您概述解决方案！我会报告我是否能够使用您的步骤完成它 - 非常感谢。