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;
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);
.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;
padding-bottom: 20px;
}
.oe_ecommerce .oe_product .oe_button_cart {
- left: 19px;
+ width: 230px;
font-size: 11px;
position: absolute;
bottom: 5px;
@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)
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
+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
<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">
<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>