title: Call Shopify product image
body: <p>I can call the URL for the image of a product with the following code</p>
  
  <pre><code>{{ product | img_url: "medium" }}
  </code></pre>
  
  <p>this ouputs:</p>
  
  <pre><code>//cdn.shopify.com/s/files/1/0087/0462/products/shirt14_medium.jpeg?v=1309278311
  </code></pre>
  
  <p>When I however use this liquid code in an <code>&lt;img&gt;</code> tag like this</p>
  
  <pre><code>&lt;img src="{{ product | img_url: "medium" }}" /&gt;
  </code></pre>
  
  <p>the output is:</p>
  
  <pre><code>&lt;img src="" /&gt;
  </code></pre>
  
  <p>How do I correctly display the image of a product? </p>