title: what's the difference between .js and .js.liquid in shopify?
body: <p>In the assets section, there are files with <code>.js</code> and <code>.js.liquid</code> names. </p>
  
  <p>What is the difference between the 2, which one should I use if I want to include a js file into a theme?</p>
  
  <p>This is inside a .js.liquid file right now. I would like to construct a string made up of liquid variable. when I append this string inside a DOM element, it doesn't seem to show up. </p>
  
  <pre><code>var someString = '';
    {%for line in order.line_items%}
    someString += 'q='+{{line.quantity}}+'&amp;p='+{{line.product.id}}+'&amp;pp='+{{line.price}}+'&amp;w='+{{line.grams}}+'&amp;i='+{{line.product.featured_image|product_img_url|url_param_escape}}+'&amp;n='+{{line.product.title|url_param_escape}}+'&amp;';
    {%endfor%}
  
  $('body').append(someString);
  </code></pre>