【问题标题】: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 开发人员。编写、设置和测试不到几个小时(在多种设备和浏览器中测试总是很好)。

    【讨论】:

    • 感谢您概述解决方案!我会报告我是否能够使用您的步骤完成它 - 非常感谢。
    猜你喜欢
    • 2015-10-08
    • 1970-01-01
    • 2017-09-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-07-12
    相关资源
    最近更新 更多