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

How can my Squarespace product page price (with multiple product variants) be adjusted based on the choice of a single product variant

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

感谢您的帮助!!

Squarespace Product Page with 2 Product Variants

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

  • 创建一个检测适用页面的函数(当不在此类页面上时不会出错)
  • 解析并存储来自 .product-variants div 的 data-variants 属性的 JSON 数据。
  • 向 "Select Size" 下拉列表添加 'onchange' 事件侦听器。
  • 该侦听器调用一个函数来获取所选选项的值,并在上述 JSON 数据中查找第一个匹配项。
  • When/If找到,将.sqs-money-native内的价格设置为对应的价格。
  • 根据 和其他特定于 Squarespace 的注意事项适当包装该代码。

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