【问题标题】:How to fix add to cart button on click add item into cart without page redirect如何在没有页面重定向的情况下单击将项目添加到购物车时修复添加到购物车按钮
【发布时间】:2019-09-05 17:47:32
【问题描述】:

我有大型商务网站 当前问题添加到购物车按钮任何用户点击按钮时重定向购物车页面我不想要这个。

我想在不加载页面的情况下将商品添加到购物车中。

我有 html 代码如何处理 AJAX。

我已经尝试过 Vault 酷炫的免费主题

$(函数() {

}

0

【问题讨论】:

    标签: ajax bigcommerce


    【解决方案1】:

    要禁用模式并让购物者留在产品页面上,您可以在 product-details.js 中注释掉 this.previewModal.open();

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

    【讨论】:

    • 在 big commerce 中没有任何文件 product-details.js big commerce 现在允许编辑那里的 js 文件。在主题上没有模态概念,这个解决方案是行不通的。
    • developer.bigcommerce.com/api-docs/cart-and-checkout/… 这是我尝试使用 j 查询但变量未通过的参考指南
    • 您可以在您的主题中编辑 JS 文件——您只需要使用 Stencil CLI:developer.bigcommerce.com/stencil-docs/installing-stencil-cli/…。您可以使用 jQuery 和添加到购物车 URL 创建您自己的添加到购物车按钮,但我们需要更多关于您遇到的错误/您想要帮助您的信息。产品 ID 可通过模板中的 {{product.id}} 获得。
    • 另外,在 Vault Cool 主题中,product-details.js 文件位于 assets/js/theme/common/product-details.js。希望对您有所帮助。
    • 感谢您的指导,但添加 ajax 调用的简单解决方案
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-08-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-06-01
    相关资源
    最近更新 更多