BigCommerce 模板 - 产品变体库存水平

Question

一位客户想要在与产品变体 stock_level 相关的产品详细信息页面上设置 A/B 测试。一旦用户选择了他们的选项，如果数量少于 5，我会显示类似 "Hurry, only 3 more in stock"...

我相信我启用了正确的库存设置，因为我可以在没有选项的情况下检索产品的 stock_level。

有没有人在模板中成功提取变体 SKU stock_levels？

谢谢

Answer 1

这可以使用 assets/js/theme/common/product-details.js 文件中的 javascript 来完成。在初始页面加载和每次更改产品选项时，都会调用一个函数 updateView(data)。 data 参数包含所选变体所需的所有信息。

从第 285 行开始，替换为：

updateView(data) {
    const viewModel = this.getViewModel(this.$scope);

    this.showMessageBox(data.stock_message || data.purchasing_message);

有了这个：

updateView(data) {
    const viewModel = this.getViewModel(this.$scope);

    if(data.stock < "5") {
        data.stock_message = "Hurry, only " + data.stock + " left!";
    }
    this.showMessageBox(data.stock_message || data.purchasing_message);

BigCommerce 模板 - 产品变体库存水平

BigCommerce Stencil - Product Variant Stock Levels

json

bigcommerce