换页后购物车显示为空

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作为项目的基本主题。