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

Question

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

感谢您的帮助！

Squarespace Product Page with 2 Product Variants

Answer 1

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

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

如果您不适合编写上面的JavaScript，我想这将需要一个经验丰富的Squarepace开发人员。不到几个小时即可编写，设置和测试（总是很适合在多种设备和浏览器中进行测试）。