Bigcommerce添加到购物车弹出窗口

Question

之前使用bigcommerce时，我们可以选择是否弹出或在用户点击“添加到购物车”按钮时将用户带到购物车。有没有人知道BigCommerce是否已经取消了这个功能，或者我现在能找到这个设置？谢谢！

Answer 1

您知道您是否正在使用Stencil或Blueprint框架吗？

如果您正在使用蓝图，则可以转到“商店设置＆gt;商店设置＆gt;显示”，然后选择“将它们带到购物车”。

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

但是，如果您有选项，这将无效，因为它不会更新网址中的sku。我要做的就是编辑line 234

首先，您需要下载主题才能编辑js文件。然后，从// 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); } 开始，您将看到以下代码：

// 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);

直接在评论下，添加/ *然后在else语句（}）的右括号下面一行，并添加* /以关闭长注释。代码现在看起来像这样：

{{1}}

请告诉我这是否有帮助！

Answer 2

您好需要这样做：

1。登录admin-end，然后转到商店设置

2. 从顶部标签页选择显示标签

3。查找“添加到购物车”＆＃39;操作选择您想要的弹出窗口或重定向到购物车页面。

4. 点击保存按钮。

检查图片：

由于

Answer 3

仅供参考，我遇到了类似的问题，发现“问设计合作伙伴”论坛给了我答案。我使用的答案来自这篇文章：

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

但是为了帮助我，我会拉出他们所说的话：

“如果要删除弹出窗口，则需要编辑主题文件，导航到template / 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>