 
 
 initializeWidgets = ->
+  style = """
+    <style type="text/css">
+      .epages-shop-widget  {
+        overflow: auto;
+      }
+      .epages-shop-product {
+        float: left;
+        width: 100px;
+        margin: 10px;
+        height: 200px;
+      }
+    </style>
+  """
+  document.getElementsByTagName("head")[0].insertAdjacentHTML "beforeend", style
   _.each Widget.all(), (widget) ->
     widget.grabShopId()
     initializeWidget(widget)

  render: (html) ->
    @$el.innerHTML = html


initializeWidget = (widget) ->
  widget.render "Loading ..."

  Products.all widget.shopId, (products) ->

    @attributes = attributes

  template: _.template """
    <div class="epages-shop-product">
      <img src="<%= image %>"/>
      <div class="epages-shop-product-name"><%= name %></div>
