[FIX] Ecommerce

bzr revid: nwi@openerp.com-20130702164619-agvgkhqskjddcmqj

addons/website_sale/static/src/css/ecommerce.css

@@ -2,7 +2,30 @@
   font-family: "Lato";
   font-size: 13px;
 }
+.oe_ecommerce input {
+  border: 1px solid #dddddd;
+  font-size: 13px;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  -o-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -khtml-border-radius: 3px;
+  border-radius: 3px;
+  padding: 5px;
+  padding-left: 7px;
+  margin-bottom: 10px;
+}
+.oe_ecommerce .oe_total {
+  margin-top: 10px;
+}
+.oe_ecommerce .oe_total td {
+  padding: 10px;
+}
 .oe_ecommerce .oe_product {
+  -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
+  -o-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
   text-align: center;
   vertical-align: top;
   position: relative;
@@ -25,12 +48,14 @@
   visibility: hidden;
 }
 .oe_ecommerce .oe_product .oe_ecommerce_price {
-  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.44);
+  text-shadow: 0px 1px 3px rgba(255, 255, 255, 0.7);
   text-align: center;
   font-size: 25px;
   margin: 10px;
 }
 .oe_ecommerce .oe_product .oe_ecommerce_price span {
+  color: #9e9a99;
+  font-weight: bold;
   padding: 10px 15px;
   margin: 5px;
   background: rgba(0, 0, 0, 0.2);
@@ -47,7 +72,7 @@
 .oe_ecommerce .oe_product h4 {
   height: 50px;
   text-align: center;
-  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+  text-shadow: 0px 1px 1px rgba(200, 200, 200, 0.2);
 }
 .oe_ecommerce .oe_product img {
   max-height: 128px;
@@ -55,7 +80,7 @@
   padding-bottom: 20px;
 }
 .oe_ecommerce .oe_product .oe_button_cart {
-  left: 19px;
+  width: 230px;
   font-size: 11px;
   position: absolute;
   bottom: 5px;

addons/website_sale/static/src/css/ecommerce.sass

@@ -1,17 +1,30 @@
 @import "compass/css3"
 
 .oe_ecommerce
+  input
+    border: 1px solid #ddd
+    font-size: 13px
+    +border-radius(3px)
+    padding: 5px
+    padding-left: 7px
+    margin-bottom: 10px
+  .oe_total
+    margin-top: 10px
+    td
+      padding: 10px
   font-family: "Lato"
   font-size: 13px
   .oe_product
     .oe_hidden
       visibility: hidden
     .oe_ecommerce_price
-      +text-shadow(0px 1px 1px rgba(255, 255, 255, 0.44))
+      +text-shadow(0px 1px 3px rgba(255, 255, 255, 0.7))
       text-align: center
       font-size: 25px
       margin: 10px
       span
+        color: #9e9a99
+        font-weight: bold
         padding: 10px 15px
         margin: 5px
         background: rgba(0,0,0,.2)
@@ -21,11 +34,12 @@
     h4
       height: 50px
       text-align: center
-      +text-shadow(0px 1px 1px rgba(0, 0, 0, 0.2))
+      +text-shadow(0px 1px 1px rgba(200, 200, 200,.2))
     img
       max-height: 128px
       margin: 0 auto 
       padding-bottom: 20px
+    +box-shadow(0 0 3px 1px rgba(0,0,0,.1))
     text-align: center 
     vertical-align: top 
     position: relative
@@ -39,7 +53,7 @@
     +border-radius(5px)
     border: 1px solid rgba(0,0,0,.1)
     .oe_button_cart
-      left: 19px
+      width: 230px
       font-size: 11px
       position: absolute
       bottom: 5px

addons/website_sale/views/ecommerce.xml

@@ -75,7 +75,7 @@
             <field name="arch" type="xml">
                 <div class="media oe_product">
                    <a t-att-href="'/shop/product/%%s' %% product.id"><h4 class="media-heading"><t t-esc="product.name"/></h4></a>
-                    <img class="media-object" t-att-src="'data:image/png;base64,' + product.image"/>
+                    <a t-att-href="'/shop/product/%%s' %% product.id"><img class="media-object" t-att-src="'data:image/png;base64,' + product.image"/></a>
                     <div class="oe_ecommerce_description"><t t-esc="product.description_sale"/></div>
                     <div class="oe_ecommerce_price"><span><t t-esc="product.list_price"/>€</span></div>
                     <div class="media-body">
@@ -100,11 +100,12 @@
                 <t t-call="website_sale.page">
                     <t t-set="title">Product</t>
                     <t t-set="shop_content">
-                        <h1><t t-esc="product.name"/></h1>
-                        <img style="max-width:128px; max-height:128px;" t-att-src="'data:image/png;base64,' + product.image"/>
-                        <t t-esc="product.description_sale"/>
-                        <div><t t-esc="product.list_price"/> €</div>
-                        <h1>Giga poulet !</h1>
+                        <div clas="oe_commerce_product_display">
+                          <h1><t t-esc="product.name"/></h1>
+                          <img att-src="'data:image/png;base64,' + product.image"/>
+                          <t t-esc="product.description_sale"/>
+                          <div class="oe_ecommerce_price"><t t-esc="product.list_price"/> €</div>
+                        </div>
                     </t>
                 </t>
             </field>