Snipcart购物车未正确更新

Question

我的购物车有问题。我正在使用Grav CMS。一切正常，直到您使用浏览器的“后退”按钮返回上一页。如果您在购物车中添加了任何内容，然后又返回了一些页面，则在重新加载页面之前，购物车不会显示任何内容。

这就是我添加到购物车的方式，对我来说效果很好

<button class="snipcart-add-item" id="add-product" data-item-id="{{ page.header.product.id }}" data-item-price={{ page.header.product.prijs }} data-item-url="{{ page.header.product.url }}" data-item-description="{{ page.header.product.omschrijving }}" data-item-image="{{ page.media.images|first.url }}" data-item-name="{{ page.header.product.naam }}" data-item-quantity="1">
                        Add to cart
                    </button>

同样，当您将某些商品添加到购物车中时，将其删除并使用“后退”按钮返回几次，该项目会再次添加到购物车中，直到刷新页面为止。有人知道如何解决这个问题吗？

感谢您的帮助！