gistfile1.txt

<div id='{{id}}' class="carousel">
      <script src="http://static.thesocialdigits.com/v1/thesocialdigits.js" type="text/javascript" charset="utf-8"></script>
      <script type="text/javascript" charset="utf-8">
        TheSocialDigits.config({
             key: "xSrDcW401rnXiBkEfjOKAs2YPaGMFW0q",
             dataSource: function(products, callback) {$.getJSON('/tsd-data/', {'products':products.join()}),callback},
             
           });
      </script>
      <script
        data-key="xSrDcW401rnXiBkEfjOKAs2YPaGMFW0q"
        class="the-social-digits"
        data-api="recommendations/{{id}}"
        data-limit="20"
        data-product="{{item_id}}"
        data-products=["{{item_id}}"]        
        data-target="#{{id}}-prod"
        data-template="#prod_template"
        >
      </script>
      
      <a id="left-arrow" href="#">Left</a>    
      <div id="_carousel">
          
          
          <ul id="{{id}}-prod" >

                  {% verbatim %}  
                  <script type="text/template" id="prod_template">

                          <li class="p_item"><a href="{{url}}">

                                  <p id='name'>{{name}}</p>
                                  <img src="http://s3-eu-west-1.amazonaws.com/product-img/{{id}}_mellem.jpg" alt="" />
                                  <span class="price">Kr {{price}},- </span>
                                  <a href="#buy" class="buy_btn"> Køb </a>
                                  <span class="dlv-txt" >Leveringstid: {{delivery}}</span>
                                 </a>
                          </li>
                  </script>
                  {% endverbatim %}
          </ul>
      </div>
      <a id="right-arrow" href="#">Right</a>
         
    
</div>