Bigcommerce 添加到购物车弹出窗口

Question

以前使用 bigcommerce 时，我们可以选择是否在用户单击“添加到购物车”按钮时弹出窗口或将用户带到购物车。有人知道此功能是否已被 BigCommerce 取消或我现在在哪里可以找到该设置？谢谢!

Answer 1

您知道您使用的是 Stencil 还是蓝图框架吗？

如果您使用的是蓝图，则可以转到“商店设置 > 商店设置 > 展示”，然后选择“将他们放入购物车”。

如果您使用的是模板，则该功能是隐藏的，您必须进行自定义才能使其正常工作。如果您的产品没有任何选项，您可以按照此页面上的说明进行操作:https://support.bigcommerce.com/articles/Public/How-can-I-add-a-product-to-the-cart-with-a-link/#add-to-cart .

但是，如果您有选项，这将不起作用，因为它不会更新 url 中的 sku。我所做的就是编辑 product-details.js

首先您需要下载主题以便编辑js文件。然后，从 234 行 开始，您将看到以下代码:

// Open preview modal and update content
if (this.previewModal) {
    this.previewModal.open();
    this.updateCartContent(this.previewModal, response.data.cart_item.hash);
} else {
    this.$overlay.show();
    // if no modal, redirect to the cart page
    this.redirectTo(response.data.cart_item.cart_url || this.context.urls.cart);
}

在注释的正下方，添加/*，然后在else语句(})的右大括号下往下一行，添加*/来结束长注释。代码现在看起来像这样:

// Open preview modal and update content
/*
if (this.previewModal) {
    this.previewModal.open();
    this.updateCartContent(this.previewModal, response.data.cart_item.hash);
} else {
    this.$overlay.show();
    // if no modal, redirect to the cart page
    this.redirectTo(response.data.cart_item.cart_url || this.context.urls.cart);
}
*/
this.redirectTo(response.data.cart_item.cart_url || this.context.urls.cart);

如果这有帮助，请告诉我!