更改页面后购物车显示为空

Question

我在前端遇到了一个奇怪的问题，每当我将产品添加到购物车时，它就会被添加到购物车中，并且图标会更新以显示 1 以指示有一个项目。

每当我更改页面时，购物车都会显示为空。

在这一步我将再次添加一个产品，现在它会显示更新后的购物车（旧内容也会出现）。

我希望购物车的内容始终显示在前端。我怀疑问题出在主题或缓存上，但我不完全确定。我希望有人可以在这里帮助我调试或解决问题。

我正在使用 vc-theme-material theme。

使用版本 2.13.28。

Answer 1

似乎缺少在初始加载时更新购物车的请求。我已经提交了一个 PR，你可以在这里看到：https://github.com/VirtoCommerce/vc-theme-material/pull/15.

如果您想自己修复它，请编辑 assets/rt.global.js 以包含以下函数：

function updateCart() {
    Shopify.getCart(function (e) {
        setTimeout(function () {
            jQuery("body").removeClass("is_loading"),
            roar.timeout = setTimeout(function () {
                roar.closeThemeCtl2()
            }, 5e3)
        }, 500), Shopify.updateCartInfo(e, ".cart-info")
    })
}

并在初始化加载时执行：

var GLOBAL = {
    common: {
        init: function () {
            updateCart()
            // other code
        }
    }
},

可在此处找到编辑后的完整代码段示例：https://github.com/S3B4S/vc-theme-material/commit/44785616bf614f727b094c308957ae0bf8da173a

Answer 2

此主题已过时，将不再受支持。尝试使用 https://github.com/VirtoCommerce/vc-theme-default 作为项目的基本主题。

更改页面后购物车显示为空

Cart shows as empty after change of page

virtocommerce