diff --git a/app/assets/javascripts/templates/product_modal.html.haml b/app/assets/javascripts/templates/product_modal.html.haml index 82cda0a371..f472d9285a 100644 --- a/app/assets/javascripts/templates/product_modal.html.haml +++ b/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'"} diff --git a/app/assets/stylesheets/darkswarm/_shop-modals.css.sass b/app/assets/stylesheets/darkswarm/_shop-modals.css.sass new file mode 100644 index 0000000000..405c1bc701 --- /dev/null +++ b/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 \ No newline at end of file