{{head_content}}
  <div></div>

    window.fbAsyncInit = function() &#123;
        FB.init(&#123;appId:'---putyourappidhere---',status:true,cookie:true,xfbml:true,oauth:true});
        FB.Canvas.setAutoGrow();
        FB.Canvas.scrollTo(0,0);
    };
    (function() &#123;
        var e = document.createElement('script');
        e.async = true;
        e.src = 'https://connect.facebook.net/en_US/all.js'; // default Locale is en_US
        document.getElementById('fb-root').appendChild(e);
    }());
​
  


&#123;% get products from products.all limit:theme.featured_products order:theme.featured_order %}

&#123;% if products != blank %}

<div>
  &#123;% for product in products %}
  <div class="&#123;&#123; product.css_class }}">
    <a href="%7B%7B%20product.url%20%7D%7D" title="View &#123;&#123; product.name | escape }}" class="product-a">
      
        <div class="image">
        <img class="product-img" src="%7B%7B%20product.image%20%7C%20product_image_url%20size:" alt="Image of &#123;&#123; product.name | escape }}"><span class="stilt"></span>
        </div>
        
      <div class="product-info">
<h3 class="product-title"><span>&#123;&#123; product.name }}</span></h3>
<p class="product-price"><span>&#123;&#123; product.default_price | money_with_sign }}</span></p>
</div>
    </a>
  </div>
  &#123;% endfor %}
</div>

&#123;% else %}

<p class="alert-noproducts"><span>No products found.</span></p>

&#123;% endif %}

&#123;% endget %}




body &#123;background: #fff; width:800px; margin: 0 auto; font-family: Georgia;}
a &#123;color: #000; text-decoration:none;}
img &#123;border: none; vertical-align:middle;}  
h3 &#123;font-size:13px; margin:0; padding:0;}
#products div.product &#123; display: inline; float: left; height: 350px; margin: 0 10px; width: 175px; }
.image &#123;height: 180px;}
.product-info  &#123; background: none repeat scroll 0 0 #EEEEEE; height: 80px; margin: 10px 0 0; padding: 10px;}