javascript - Shopify 产品没有变体，但 id 显示在网址中

Question

我遇到了一种奇怪的情况，我的产品没有任何变体，但网址在购物车的产品链接中显示变体 ID...

例如)www.website.com/products/singleProduct?variant=12345678901

我尝试将enableHistoryState设置为false，

enableHistoryState: false

并且还删除

if (!history.replaceState || !variant) {
    return;
  }

var newurl = window.location.protocol + '//' + window.location.host + window.location.pathname + '?variant=' + variant.id;
window.history.replaceState({path: newurl}, '', newurl);

但这些更改不起作用。

实际上我也不想删除这些代码，因为我确实有一些带有变体的产品。我只是想知道为什么产品在 url 中显示变体 id 而没有变体...

Answer 1

shopify 中的每件产品都至少有一个变体。

如果您尚未设置任何变体，则称为“默认”变体。

如果您阅读此处的文档:https://help.shopify.com/themes/liquid/objects/product您会注意到有一个名为 has_only_default_variant 的属性，用于检查产品是否具有默认变体。这就是我要说的。

每当您在 Shopify 中购买产品时，您都会购买该产品的变体(即使该变体是默认变体，您也不会在变体部分中看到它列出)。

您可以通过从管理面板进入产品页面并在 URL 地址后输入 .json 来查看产品 JSON 响应。因此，类似于 /admin/products/189421092890.json，您将能够看到该产品的默认变体。

因此，如果您不希望显示具有默认变体的产品的变体，只需使用检查 product.has_only_default_variant 并修改链接的 href 属性即可指向产品页面，因此它不包含默认的变体 ID。