如何使用shop ify液体获得url参数？

Question

我有一个登录页，其中包含“添加到购物车”按钮，产品手柄如下：

shopifystorename.com/some-product-handle

我想要的是自动重定向，或者如果用户登陆上面的网址，产品会自动添加到shop ify购物车。我尝试使用JS：

  let m = window.location.href;
  var n = m.lastIndexOf('/');
  var result = m.substring(n+1);
  
  console.log(result);
  var span = document.getElementById("handle");
  span.textContent = result;

然后在shopify liquid上捕获，如下所示：

{% capture my_variable %}<span id="handle">test</span>{% endcapture %}
{{ my_variable }}

{{ all_products[my_variable].title }}

但是我没有得到这个值或者它没有更新。

Answer 1

它不会工作。液体用于服务器端渲染引擎，JS用于前端。您需要在这里纯粹使用Javascript来使用Shopify的AJAX应用编程接口，并且以更精致和简单的方式使用。

var thisProduct = await fetch('/products/'+ location.pathname +'.js').then(p => { return p.json(); });
alert('The title of this product is ' + thisProduct.title);