Bigcommerce 添加到购物车弹出窗口

Question

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

Answer 1

您好，您需要这样做：

1.登录管理端进入商店设置

2. 从顶部选项卡中选择显示选项卡

3. 找到 'Add to Cart' 操作选择你想要的弹出 window 或重定向到购物车页面。

4. 点击保存按钮。

检查图像：

谢谢

Answer 2

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

如果您使用的是蓝图，可以转到 "Store Setup > Store Settings > Display" 并选择 "Take Them to Their Shopping Cart"。

如果您使用的是模板，则该功能是隐藏的，您必须进行自定义才能使其正常工作。如果您的产品没有任何选项，您可以按照此页面上的说明进行操作：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文件。然后，从 line 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);

如果有帮助请告诉我！

Answer 3

仅供参考，我遇到了类似的问题，发现 "Ask a Design partner" 论坛给了我答案。我使用的答案来自这个 post:

https://support.bigcommerce.com/s/group/0F913000000HLpWCAW/ask-a-design-partner

但是为了帮忙我会把他们说的拿出来：

"如果你想删除弹出窗口，你需要编辑主题文件，导航到 templates/components/products/product-view.html 文件，然后注释掉（或删除）这段代码文件底部：

<div id="previewModal" class="modal modal--large" data-reveal>
    <a href="#" class="modal-close" aria-label="{{lang 'common.close'}}" role="button">
        <span aria-hidden="true">&#215;</span>
    </a>
    <div class="modal-content"></div>
    <div class="loadingOverlay"></div>
</div>

Bigcommerce 添加到购物车弹出窗口

Bigcommerce Add To Cart Pop-Up

bigcommerce