how to get url parameters using shopify liquid?

user_1466818 0
Viewed 3726

I have a landing page that contains the add to cart button with the product handle like this:

shopifystorename.com/some-product-handle

What I want is to redirect automatically or the product be added automatically to the shopify cart if the user lands on that url above. I've tried using 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;

And capture it on shopify liquid like so:

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

{{ all_products[my_variable].title }}

But I'm not getting the value or it is not updated.

shopify liquid
1 Answers

It won't work. Liquid is for server-side rendering engine and JS is for frontend. You'll need to purely use Javascript here to make use of AJAX API of Shopify and in a more refined and simple way.

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