javascript - 停止在 Shopify 网站的地址栏中显示变体编号

Question

最近，我们使用Shopify 网站上的链接转换了一个主题以包含变体。但是，在我们完成本教程后，变体编号开始自动显示在任何带有集合的页面的地址栏中。如果我从 js 文件中删除 selectCallback 函数，它就会消失。理想情况下，最好不要在地址栏/URL 中显示变体编号。不幸的是，删除 selectCallback 也会删除变体图像的一些功能。

对此有什么帮助吗？

Answer 1

您链接到的那篇文章解释了为什么变体 ID 显示在 URL 中。变体图像功能需要它：

变体图像功能的一个组成部分是能够直接深度链接到变体。这是通过将?variant=查询参数与变体的 ID 一起附加到产品的 URL 来完成的。

如果您想要此功能，则无法从 URL 中删除变体 ID。

另见product.selected_or_first_available_variant：

?variant=如果URL 中有有效的查询参数，则返回当前选择的变体的变体对象。

Answer 2

当你不想用 GET 请求参数弄乱你的 URL 时，你总是可以只使用 cookie 甚至更好，浏览器的 localStorage 选项。六个一个，六个另一个。