title: Integrate an Internal zoom on my products in my big cartel store
body: <p>I've followed another answer from a qustion with this problem <a href="https://stackoverflow.com/questions/22640408/can-i-integrate-an-internal-zoom-on-my-products-in-my-big-cartel-store">Can I integrate an Internal zoom on my products in my big cartel store?</a></p>
  
  <p>I have a Bigcartel webshop with the Luna Theme. I will like to integrate an internal zoom on my products images. But i can't get it to work.</p>
  
  <p>I've added the jquery.elevatezoom.js file like this:</p>
  
  <p><code>&lt;script src='http://pawsfabrik.dk/jquery.elevatezoom.js'&gt;&lt;/script&gt;</code>
  In the Layout file.</p>
  
  <p>I've changed the code for the image in the Product page file to this:</p>
  
  <p><code>&lt;img id="zoom_01" src="{{ image | product_image_url: "fullsize" }}" data-zoom-image="{{ image | product_image_url: "fullsize" }}" class="fade_in" alt="Image of {{ product.name | escape }}"&gt;</code></p>
  
  <p>And finally i've added the script code to activate, also in the Product file:</p>
  
  <p><code>&lt;script&gt;
      $('#zoom_01').elevateZoom({
      zoomType: "inner",
  cursor: "crosshair",
  zoomWindowFadeIn: 500,
  zoomWindowFadeOut: 750
     }); 
  &lt;/script&gt;</code></p>
  
  <p>But it still doesn't work. Anybody who can tell me what i've done wrong? I'm getting really frustrated about it:-(</p>
  
  <p>Thanx,
  Paw</p>