Блог

У меня есть целевая страница, которая содержит кнопку «Добавить в корзину» с дескриптором продукта, подобным этому:

 shopifystorename.com/some-product-handle
  

Я хочу, чтобы продукт автоматически перенаправлялся или автоматически добавлялся в корзину shopify, если пользователь попадает на этот URL-адрес выше. Я пробовал использовать 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 = resu<
  

И зафиксируйте его в shopify liquid следующим образом:

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

{{ all_products[my_variable].title }}
  

Но я не получаю значение или оно не обновляется.

Это не сработает. Liquid предназначен для движка рендеринга на стороне сервера, а JS — для интерфейса. Здесь вам нужно будет использовать только Javascript, чтобы использовать AJAX API Shopify более утонченным и простым способом.

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