WIP product modals for shopfront

app/assets/javascripts/templates/product_modal.html.haml

@@ -1,9 +1,28 @@
 .row
+  
+  .columns.small-12.large-6.product-header
+    %h2 {{product.name}}
+    %span 
+      %em from
+      %span.avenir {{ enterprise.name }}
+
+    .filter-box.taxon-selectors
+      %div{ objects: "[product] | taxonsOf"}
+
+    %hr
+
+    .filter-box.property-selectors
+      %single-line-selectors{ objects: "[product] | propertiesOf"}
+
+
+    / %render-svg{path: "{{product.primary_taxon.icon}}"}
+      
+    %div{"ng-if" => "product.description"}
+      %hr
+      .text-small {{product.description}}
+      %hr
+
   .columns.small-12.large-6
     %img.product-img{"ng-src" => "{{product.largeImage}}", "ng-if" => "product.largeImage"}
-  .columns.small-12.large-6.product-header
-    %h2 
-      / %render-svg{path: "{{product.primary_taxon.icon}}"}
-      {{product.name}}
-    %p {{product.description}}
+
 %ng-include{src: "'partials/close.html'"}

app/assets/stylesheets/darkswarm/_shop-modals.css.sass

@@ -0,0 +1,6 @@
+
+.product-header
+	h1, h2, h3, h4, h5, h6
+		margin: 0
+	hr
+		margin: 0.5em 0