[IMP] website_sale: change css and demo data

bzr revid: chm@openerp.com-20130924152639-v6hr0laatjcbxe39

6 files changed, 98 insertions, 31 deletions

diff --git a/addons/product/product_demo.xml b/addons/product/product_demo.xml
index 39cdde90326..7f6ab93a2d7 100644
--- a/addons/product/product_demo.xml
+++ b/addons/product/product_demo.xml
@@ -311,6 +311,18 @@ FaceTime HD Camera, 1.2 MP Photos</field>
             <field name="uom_id" ref="product_uom_unit"/>
             <field name="uom_po_id" ref="product_uom_unit"/>
         </record>
+
+        <record id="product_product_11_temp" model="product.template">
+            <field name="name">iPod</field>
+            <field name="default_code">M-Las</field>
+            <field name="categ_id" ref="product_category_8"/>
+            <field name="public_categ_id" ref="Keyboard_Mouse"/>
+            <field name="standard_price">14</field>
+            <field name="list_price">16.50</field>
+            <field name="type">consu</field>
+            <field name="uom_id" ref="product_uom_unit"/>
+            <field name="uom_po_id" ref="product_uom_unit"/>
+        </record>
         <record id="product_product_11" model="product.product">
             <field name="name">iPod</field>
             <field name="default_code">M-Las</field>
@@ -321,7 +333,14 @@ FaceTime HD Camera, 1.2 MP Photos</field>
             <field name="type">consu</field>
             <field name="uom_id" ref="product_uom_unit"/>
             <field name="uom_po_id" ref="product_uom_unit"/>
+            <field name="product_tmpl_id" ref="product_product_11_temp"/>
         </record>
+        <record id="product_product_11_b" model="product.product">
+            <field name="variants">32 Gb</field>
+            <field name="price_extra">12</field>
+            <field name="product_tmpl_id" ref="product_product_11_temp"/>
+        </record>
+
         <record id="product_product_12" model="product.product">
             <field name="name">Mouse, Wireless</field>
             <field name="default_code">M-Wir</field>
@@ -1023,12 +1042,12 @@ QWERTY keyboard</field>
             <field name="min_qty">1</field>
         </record>
 
-        <record id="product_supplierinfo_38" model="product.supplierinfo">
+        <!--record id="product_supplierinfo_38" model="product.supplierinfo">
             <field name="product_id" ref="product_product_48"/>
             <field name="name" ref="base.res_partner_8"/>
             <field name="delay">7</field>
             <field name="min_qty">1</field>
-        </record>
+        </record-->
 
         <record id="product_supplierinfo_39" model="product.supplierinfo">
             <field name="product_id" ref="product_product_18"/>
diff --git a/addons/product/product_image_demo.xml b/addons/product/product_image_demo.xml
index b4c1776559d..f07e67b698c 100644
--- a/addons/product/product_image_demo.xml
+++ b/addons/product/product_image_demo.xml
@@ -194,9 +194,9 @@
             <field name="image">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</field>
         </record>
 
-        <record id="product_product_48" model="product.product">
+        <!--record id="product_product_48" model="product.product">
             <field name="image">/9j/4AAQSkZJRgABAQAAAQABAAD//gA8Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gMTAwCv/bAEMAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAf/bAEMBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAf/AABEIAJYAlgMBIgACEQEDEQH/xAAfAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgv/xAC1EAACAQMDAgQDBQUEBAAAAX0BAgMABBEFEiExQQYTUWEHInEUMoGRoQgjQrHBFVLR8CQzYnKCCQoWFxgZGiUmJygpKjQ1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4eLj5OXm5+jp6vHy8/T19vf4+fr/xAAfAQADAQEBAQEBAQEBAAAAAAAAAQIDBAUGBwgJCgv/xAC1EQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AP78xn/Y/Hb/AE/z6Uf98fTj8v6/17U4A+h7dkHr/nHUfjS49m/8coAZ+Kfp+fT/ADzx0ox7p+n+Hb/9eafz/tf+OUc/7X/jlADMe6fp/h3/AP1Yo/747en4/wD1/wBKfz/tf+OUnP8Atduy+v8An6dTQA3/AL47+n4f/W/Wl/799fb0/l+ufal5/wBrv2X1/wA/XqKOf9rr6L6f55/CgBv/AHx29Px/+v8ApR06+X3znHTnr7fr6968d+OH7QnwR/Zr8Cah8S/jz8VPBHwn8D6ZlJ/EPjjX9P0K0uLlY2lTTdLiuZPtmtaxcKrCy0TR7a/1a9kxFZ2c8pVD/JJ+3h/wdd+F9IbWPAX7APw6Pim8xPZf8L3+LunXWn+H4zueE3/gf4Yh7XWNVVkP2ix1Xxxe6ALeeMJf+CNRt3OdKdKdR2hG/nsl83p5237IidSEPikl5bv7tz+ub4y/HX4Pfs8+CNR+JPxw+JPgv4XeBtKU/bPEvjPXdO0PTvPEbSR2Fm15PHNqWq3So62OkabFd6nfyL5NjaTzssbfzIfHX/g60/Zw8J/GTwn4K+BHwd8WfFf4Uw+KrGx+Ivxe8Q3TeCC/hqS5NvqN/wDDbwVdafc61q09vBIuoWtx4yl8JSXLWkmmtokYvItVtf4k/wBor9r/APaI/a58c3HxC/aK+L3jL4q+KJWmW0n8TamZNK0KC4bzZdO8LeHLNbTw34T0lmG9dK8N6VpenBx5otvNZnbwuIcAnMbMCVB5ZwMspEYIO1sEhidrEcEkKD6VLBUYq9VupJ3XKrxir2s9LOTWttUu8Wck8TN/AuVb3era+elvv8mf7PHgDx54S+KPgjwl8R/AWt2HiTwV458PaT4q8La/p7+ZZavoOuWMOo6Zf27EBglxazxSGN1SaFy0U0cciOi9d/3x29Px/wDr/pX8bH/Br7/wUek1vSNY/wCCe3xX1wtqugQax43/AGdb3UbrL3uhln1Pxz8ObYzMS8ukytdeNNAtUDuLG48XCSRYLGxhH9lPP+1+S9jx+X69RXnV6To1JQbut4vTWL2enXo+zTR105qpBS0v1Sd7Pqrjf++O/p+H/wBb9aX/AL99fb0/l+ufal5/2vyXuMn8z36dutHP+12PRfp/Lj278VkWN/747en4/wD1/wBKP++O/p+H/wBb9adz/tfkvY8fl+vUUc/7X5L3GT+Z79O3WgBpz/sde2P69v1z7UU7BPUMeh6L1/H+XUUUAIMeg6D+Bj/n696XA9B/3waM+46Dq5/p39e3pRkeo/77NABgeg/74NGB6D/vg0ZHqP8Avs0ZHqP++zQAYHoP++DTcj/Z6ejdj/nJ79DTsj1H/fZr87f+CsPxq+Pn7Of/AAT0/ad+OX7M0mkwfGH4Y+BrTxVoV7rWjW3iO10jRbLxNoaeOPEEWj3ofTry+8OeB5vEOv2C6nb3mlxXWmRTX9hfW0ctpM0rtJdWl94PRN9j6c/aB/aa+AP7K3gW8+JP7Q/xY8EfCTwXaLKE1jxjrEGnvqdzEnmHTPD+lBpdZ8S61InzQaJ4e0/U9WuACLezkPFfx8f8FAv+DtW0szrfw/8A+Ce3wyF3Ogmsh8fvjJpkkduPMDRfb/A3wqjuEllZRsutN1bx9qESq6mHVPADhmWv40/jx+0r8fv2oPHl/wDEz9oL4seN/i1441BpEk13xrrt5q81javIZRpmjWcjrp2g6LC7E2uh6FZ6fpFmMJZ2MKAKPH4bK5vSQqF3c4yQcZHJP3ScqpwwA+Uc4wMjqhSgleV5PRpbR76q93+Ri5yb0slbbr9//A+Z73+0H+1n+0b+1r47u/iP+0b8YPG3xb8X3LSrFqHi3WJruz0a2nkEr6f4b0OAQaD4W0cSBZI9G8N6bpelRON0VmhJNeQ2KTzIznbFFEDvnlcxwoDzjdkbmYYIRQ8jHgKecYpgtNPfBIvbhMgqoIgjIBH7xh/rCCDlVYq3GXGSKjmvbm4lQzM+3pGiDbEigA7Yk+6BwMkck8sSSTXTFuySSjstV3Xl1f3eZnKEZNNpN/n69X5a7nWpqNtCVS0AkkOc3sq7dpwB+4gIIXA6PJ8+QGVY8jPRaTLIzNJI3mS5yXYgkncdwJz9GGRyB/u15/YwzMxAyy7vlDY3ZGScdOpJDHkAY6DOO80+JkVD947ckKc5BwCeRkgZOeq5x1AIrRTta9nqrXs3pa9rWSts+mi32ec6d9UldW0V7taJX6K9tXstfNn0N8D/AIteN/gb8UvAPxh+GutzeHPH3w38U6N4v8L6vauQ1tq2jXiXMKTIDtubG68trXUrGcta31lPcWdwjwTuh/1ff2Ff2ufA/wC3D+y/8L/2ifA7QW6eL9Eit/Fvh5J/tNx4N8faWqWfi/wnePkS79L1VZH06eeOGTUtDutJ1hIkt9Shz/kYaeCrIzFxkcDg7FBPKjBXLBcgYBG4nAypP9MH/Buh/wAFCz+zP+03/wAM1/ELXRbfBj9pnU9O0jTTeXBGn+D/AIzoi2Hg3WUZ3MVpbeM0ZPBOr+WkX2i/m8KXt5PFaaI+YxMFVpuSvzU05J90/ijv5cysnqrfa0KMnTmk7qE7JdUpaW/HR/jsf6FXHovc/dbtx+Xr6H1owPQen3W7DP5/zHX0oByAfUZ+/wA89Px9P1pc+46/3z6fy/XPtXlHcJx7f98t3P8AnH5DFHHovc/dbtx+Xr6H1oz7+n8f5/8A1/0oz7+v8f5f/W/WgA4H9305Vv8A6/P8/Wign379n/x7frn2ooAUZ/2ug7KP8/TtS8/7X/jlJxnoO38De/b/ADn8KMD0H/fBoAXn/a/8co5/2v8AxykOPQdv4GHf/P16UnHt3/hb1/z9OgoAdz/tf+OVxvxB8C+G/if4D8afDbxlp6ar4R8f+E/EXgrxTpcyKYtS8O+KdJvND1uwkHZLzTb65t364WQtXXsVUFm2gLkklSAABkk5IAwOcZxjnrTIpYp0WWJo5I3XckifOjqwBVkdWZWUgghgSMHgmgD/ABi/2nv2eda/ZX/aJ+NXwB8aiWTXvg98SfF3gO4neIR/2rbaBq9zaaTr0EBVS1l4j0hLHXrCQskT6fqVrKFkEmxfn65v5ZkaGIC3h2hdsbbGcZBw7jaGUgH92ojiBUEKTxX9aX/B2N+yE3w6/az+Fn7VvhvSzH4d/aN8DDwx4xuYYf3a/FD4Tw2GlNe3kiBEifXfh7f+D7awhYb7mTwnrVyGfbJt/lGttDLsoAOPlGSOeTlumQN3C4Y+rAdRXqU0pQhP+Zd9mtGu2jW9r66NHJKVpuDte+lu2j1vteL+85RIZJGCqhIJwMEY2jnnB568n+RORuWekXFxsEhO2PhUxgAMRkHhcbuNxOeBgECu3g0KKAKSoyCPvA5xkdSOQc5zgYwT0OKszNbWxPzIAFA6/Ln+HgAkjPAwRnAbPNRLeyd1067fpqO793ZX3vfy0Xnr1/Qo2ulQxgALkqASeduQMdC3XIydpGBzkHmtqONAC20KEBGBuyT/AA8Hqvyknay8ZA+Y5OVHel2K4GF5IUdjnGWx1XO4AbRncCBhTWtB8x+cjoxIPGRz93AAGeOoG7AyCeQ05apdtu+ltPPr8h6XXW1/0fyt+q+erZSbSHcD5mIGAP4vlHCr0XPAIAyeOhruNIu5bK7try0mltry1miuLa6tpDb3FtdQus8FzBNGQ8c8ToJInQo6Ou5dpBI8/EpjZFjBHvkkhs8jkYB5OOAD0OGPHe+HNPuLx0wD5SlGkfZu2qcD7vU4UnqABgnAK5bRT5Um30vd37pLzeut/nttzVI3klHrpFJ3v39NXdt7/if6ef8AwRq/b3g/b0/Y68KeJvEmqR3Pxt+FgtPhr8arNmj+2XviDS7GM6J46MPyt9j+IOhxw61JNHDDaL4lh8UaTZho9GZq/Wbn/a6+i+n+efwr/PF/4I1/tEy/sU/H/QfHs2ueX8MfHMNp4H+OmlPLKlpH4G1O7T+zPiEICVjN18MNdeDxBdXUcU93H4Mm8a6fZI1xqsZb/Q1gmhuIY54HjlhlRZIpYwJI5I3UMkkciMyujqQyupIYEEHBrzKnI5ydN3jzNWtZxdk2rdrvRrS2m6Z30+bkjzfFbV3vfz9e/mS8/wC127L6/wCfp1NHP+137L6/5+vUUYHoP++DRgeg/wC+DUFgc/7XX+6p7f55/CijA9B/3waKADPuP++z/n/P1oyPUf8AfZpec/xdv7nv3/zj8aOf9r/xygBM+4/77P8An/PFfC3/AAUn/aA+IP7MX7F/xi+MXwmfSV+J2hp4I0DwJ/bcFne6b/wknjz4jeEvAli9zbalPbadIIB4kluYzqE8dhFJAk19utY5lb7qOf8Aa7f3D3/z9Otfycf8HN//AAUV+GXwx+FFt+wVHovivVvir8R7T4e/GHVtStF0218H6N4I0nxjrZ0rTtQv3vG1SbX9U8Q+EftcNlaaRNa29jZxXVxfJJcwQGoRlOSjFcz7WutO+q076r1FJpJtu3zsfzyfFz9uz9s39pzxR4n8MftDftcfEObSkF1af8Ir4bv1tfh/q+rqtwLfRB4U8BXPhXwbJbSXUS6W+ryWF/5Uk8Mw+22plmH96H/BLzULi+/ZP8PJLf3N7bad4j1rS9MW4u5J0sdPs7TSBHY2e6SVILSOd7iaOCBhbpJPK8YPmF3/AMrzXf2jPiHrA8LaVHfjS7LwlAsHhu2SKSZdKV71b6SW1gv5J7KGe5nSFrue3sLYXn2W2kuRLOryv/e//wAGzH7cHir9pX4AfFf4L+OdGhPif4Iat4S8TDxpYLFbWvifRfida65a2tpf6XGqxWetaPe+Bb2S4nsxFY6jbanb+XZ2k9nO1zUqFeKdSbXLZKUY2smuWMWrLrq7Nuze7siI1acpckU01d3d5OV3e7e10mk7KK0va7Z9u/8ABer9kxf2sv8Agm58adO0nTDqPj34KxW37QHgIQx/aLs3vw2tb+48W2FrEqme4n1j4cX/AIz02ysomDXWrz6YSshiRD/mF/ZoYA+QNwBOSMZyOG3DsScjAwwGQB1r/aDvLWC+tLqyu7eK6tby3mtbm2uYYp7e5t7iJopoJ4ZAY5oZonaOWNwUdGZGBBIr/Jr/AOCnP7Kt1+xP+238ePgGtnNa+FvDnjG81j4bvKrlLn4Y+Lo4vFHgForlzsu5tN8O6taaBqd0p2vrmj6pAFWSKRU6cLK6lDqnzr00TX4L72+hliE1yyUU2/dvtbtrfrqn5dT89NQumjRhCNxbII4BCn7uTgbeCAwY5YliCARXKTxSzyKQzA7gx7bfmxsJG4kISR05ctgHC7ep1Lc0avahZM5LOMFgw5ChcdQc7wy5CjABySMtF+RcBQwjLNu+7kAltjE8kkfdGecHPStXpdOzvr+TWltOun+SJV2o3dtE9NH0drdviVuit1QlvGIASx5I5XkZDADBwVxgAYHYKOcnFX7R2u7u3tkeKJrmWOFZLhxFbRmaXy99xK3yQxDdukmZhHGpLtgAEb2p+HtHtPCPhHxJp/iyy1jW9eu/FNn4i8IQWE8N/wCEE0GbSxpl1eXM0xTUrXxJZ6g11Y3VvbQ20Eljd2TTz3VvcJBd8W+J5fG9/pt3Y+ErLR28O+CvDuj6tceG4HGmXbaBFb6FFr+swT3zJpl/q0aQNdR6bALKe8ilngs7ZZp2inVK7avpa3nbfXTfT9Cr76aq9tHr/Xb7tNTor3wx/wAK8+JV94Q+JOm3cn/CK+Jo9P8AFFjp8s1hPf6dZ3UX2x9GvL61iYRappv+maHqk9r5FxBd2WoeTPayhWn07WNFhvNSk0S6u5LCDUby1sZdSthY39za29w0cMssUcs9sbhIwv2xbK8vIrS5aS3+1SERufNGu4JLWe4uJtUfVby5j+2STz2z6etpBbzAyqssE19NqGoXVwhYJcWVvZxWCmT+1zqKR6NdivtTMFlDNfTQ6ZatdzQW9yxlVpb4RLPPb2bL81xPHDbI9y5V3htrW3acx20Ecbd3b7Out+mid0uvN5Wt+WV4wtZJqSVtNdLJ6u3RvR21srH0z4d+MnibTp4F0y5khaOQDAUsJ0Y/vVufMDrJbTA4lhIWN4zsdXUhK/0Kf+CCH7b0/wC09+yVpnwm8d6st18Xf2dLDSPCV411cA3/AIl+GMyTW3w68SkO7TXE+m2VhceDNXd2numl0HTNZ1KYT+JrdX/zWtFvdS1O5GleGtMvNYugyrMLLKiNyVG+/vyUsrEDqYGmEiqSqI5JU/vp/wAEN/iR8Qf2e/2/vgJq3iXximneGPiVrcnwk8Q+GLCQPp99Y+PbSbRtEtNU1O8U3l3FY+K38PazHZ2q2Vo1/pFjdzQzNZwMkzoqdN8sUmlzt6XfKttO+undrtYqE5RkuZ3i9E9ElH3dEl2btt/kf6ROR6j/AL7NGR6j/vs0AkjI3EH/AHKXn/a/8crgOwTI9R/32aKXn/a/8cooATjPQdv4G9+3+c/hRgeg/wC+DSZ/z5h9/wDP5e9Ln6f9/D/n2/8Arc0ABx6Dt/Aw7/5+vSv8zP8A4ObPE8niD/grN8TdMmkaSPwT8L/gt4ZhhLkpFFdeB9O8YPGoBLIDP4rklC9A0jycbzn/AEyyeOuOP75P4e/+ea/y6v8Ag4R03xRF/wAFb/2pdU8Q6Bqemx6rcfDC68NnU4JLaHVvDVl8IvAugWWtadK6bb3TZrnR76GKWAtGbm2uLRmWeCVI+rCK9SWtv3ctt947a9r9zDEP3La6ySut9/19T8U44YzPbgZ2ROMKOASzqCW67ui9cgAZGTkV/cj/AMGg/hq4svBP7cPiO4Vwl74i+AXh+1Jy0IGk6L8UdTuvJbH3S+uwM6qSFc7mVXLZ/iU0Oxiubq7uNQeJxCC1tbKzo1zPLEsdtE7KgKpFIJLiUIeba3CKwcjH+gf/AMGqvw58Q+GP2NPjT4+1bQr/AEvRviT8cSvhPVb2H7PD4k0nwX4Q0bRL7UdLY/NdafZeIbnWNIe7UfZzqdhqdlGzT2V0qdGIsqM9esbXf95O1vTtskYYdNTXaz33TsrdLvSy7bn9RnHoOv8Acb0/zx+Nfx6/8HWf7GVz4n8AfB79t7wjpBnvPh44+DfxduLeINKvhHxBqc2p/DPXbokKI7HRvF2oeIfDdxMTJNPe+ONAgAEVuSn9hWff/wAfP5fj1/mR0r55/az/AGf/AA7+1R+zV8bf2evE8du2mfFj4c+JfCMF1c5kTSNdvbF5vC/iONVR2+1eGfE1vpHiCyIRwl5pkDmNwu08NKfs5xluk9V3i91923n32OupHmg113XqndbH+OnKHjd97KEYqdpBLEqGGdqkkghsbiOMEZ5GVMTTZREBfG7AGCEYjcdoIPB2jjgZxz0HuHxP+Cvir4Y+LPEPg3xdY3ejeJfC2t6p4c8QaTcRIs+l63oOo3eka3pMr5+a60nV7LUNMuguAt3aToTlDXn0OnQ2yFYY2eRNxkcj94u0Kx82YhVVDsLEbtqhWZULZNd8+VO8XF3tp3tb/gX/AA0djivdWe6tfo01Z216adtLu+rOWtLO2VkbUbG21CNBPJHE8lzbtFcm2lt7eVZrOa1uh5Esi3e2G4jMrwpHK3kySxyyM6/vWt0jKZJllJVIQMgncx6kf884leToFTBrZTS9R1lWfTrVrrjYtyg8rSomT5FY3MmXu1AG4R26Od4VJk8uuG+JHh7XLDT7OYamvlmbydUjtyYI4rER7Vnih3vP9nSRWWU7ghknRjEigRKnF6uys7PS1ulv0+epUE9EnZJO2l92m7X679e5btNUsLvUodK0uVNT1d97BGIFpaLDgyTNxKkABOxZJVmnMrxqsYZ1VvZtF8FaM1vZ3Xiq4e/ur5wYrK2mlSFhEdptltbYvqGos3ymRMbJQqhLNMMG+Ro4RY6Xay2JS1tba+g1BZr97xL2TUAQLaaG2tba5QyPHGxia4zHDG7Iqw+fMrf1/f8ABIr/AIIPa7+2z8J/h5+1N8Rfit4f8A/Afx1Bd3ekWPga5g8WfFHxWmia1qHh/W7Ce+ufO0LwVHaa1pOpWQfVJfEOp2k9q8U3hW2iaKVp5lHWTSVuut+yst3ptfp2NVFvS19W+7V+2mmtvLvc/If4PfC7xX441PRvCHw/8I381/qU8VlpGg+HdGuNb8S6nM5Ijh0vQdJhuAssgw0Jf7XcqystxpgIbH9RP/BP/wD4IUfGkeKPBPxf+Od9D8FrPQtZ0fxNa6IZItf+L2pvpt7a6nBBL5bPo3gW3uZoIneKS4nvbGQSRSeFLaQiRf6Tv2Xf2IP2ZP2OvDUPh/4E/DDRfDV41pHa6r4xvsa3498QhQvmNrXi3UVm1WaKWRfOOmWctlolvIzfYdMtExGPrLP+fMP+ef8A9eKynipO6prl6czXvfJXaV+t7u3VFRorRy6dE9L6at79NtvzBQAAMDgd0JP50uB6D/vg0mf8+Yf88f8A6s0Z/wA+Z/8AXrkNxcD0H/fBopM/58z/AOvRQAvP+13/AIV9/wDPvz/eFAzx978lHb9P8jrScf7Pf+Fvf/Ptz/dFAxx0/wC+WPb9f8nrQAvOP4uh7L7dv6dT+Ff5/P8Awdgajca3+3Z8DfC+l2huH8O/ss+Hr29a2t98xn1/4pfFEpbzywKZXVbbSbaSOKVvLjW5LqB5j7/9AXjHbof4W9u/9eo/Gv5Uf+Dpf4C/B66/Zk8AftByaFcWXx0k+J3hH4Rad4n0y5uoRqvge80jxt4pu9K8QaZHFcWmrRaVdaXJJpFxNDFdafJql2iXLwSrbr0YVr20Frduysr+89rrt3tqY4hN0pWtpZu/ZO79P+HP4TvDPhTU7TUbJtWs2sEvJwbeC5khiuJkisdQJl+xGUXUcJkkiVZpIBHI8nlRsXOB/rH/APBOTwvp/g79gb9jXw/penWumW1r+zN8FLqW1sbWC0hbUNW+H2gaxq168MMcaG71LVb681G/uCvm3V/dXN3cM880jH/O0/4JC/sT+Cv2y/2+fhR8G/jFZ+L7j4a/2N4s8S+KRoms3vh/VprHwt4b1jxDpulnULmwuZINJ1vVbLT9I1g6Nc21/wDYL+cabLpl4Y9QtP8AT88KeFtA8EeF/Dngzwrptvo3hjwjoOjeGPDmj2wma20rQdB0+30rR9Nt2meSZoLHT7S3tYWmlklaOJfMdmyx3xrtyQa97WWisuV+6l6pxfTTvqzPDJvnle6dl53sm7vrva710Og5/wBrv2X1/wA/XqKOf9rr6L6f55/Ck49u/wDC3r/n6dBRx6Dr/cb0/wA8fjXAdR/CL/wcVfsFeLfh7+0h/wANJ+CfCl5dfCX46TWt5rWoWRistC8LfFd7eSHxVpmtXEP2i4sIfFa6Vb+OdMkWzd9f8Ra942U3FobEmb+eDSPg/YZUax5uvXu6NotJsoGi0q34zve0WVzIgkRQLnWbiWEsSRJblgo/1h/jR8Gvh5+0B8MvF3wi+KWgweI/BHjXSn0vWdOfdDOqllmtL7T7xQZrDVNNvI4L/TL+ArNa3tvDMudpVvxW+An/AAb9/s1/DzxPf6/8W/FviH4t6Tb6veXHhzwZaWY8CeH10w3G6yTxZdaNqF1r3iDURCkRu5NN1Xw7ZSSq6TWt5A2yuylXhGFpp862a1utLW2Se9291s9znqUnKScUu7v30vd7peS899l/Fz8H/wBiz9oH9pTxHD4M+CXwv8U+M9UP2dJ7HwjphuLbSreXCRT+JPFF35Hhvwtp7EGJ7rVL6xs0fb5WrB2AH9DP7Lv/AAaz2+uaFdan+2X8Vn0RNa0u4iX4YfBl7fUNRtLm5tnW1uPFPxH1+zuba6ubGZo2u9K0DRL6GaSEfZfGBj6/14/D/wCG3w++FPhiw8F/DXwX4X8CeFNMULZeH/Cmh2GhaVCzKA832PTre3hkuZtoa4upVe5unzLcSySEse24x/D09G9f88/h0qJ4mcrqKUVtqk2/v0XyXzZcaUVZvWzul0Tsvv12b+SWt/8AF7/aJ/Z3+I/7JX7R/wAYv2YviZFdWvjP4W+MtZ8Oavcae19YnWrOymEmmeKtPvnQmz8N+J9Gew1jQJQgaTRLuK5ceUypF/al/wAGkf7Vd1dfDn44fsVeK9Vtrq68KauPjX8KRH4lt/EETeGtdez0L4haNYzmCCRI9H18eHNZFsjXLPd+JdbupVtijed23/Byr/wSJ1n47aZ4o/4KEfB2fwfpuq/Cb4PavqH7Qvh3WLm90vUfGPhb4ZaddavoXijQ3trC9stZ1vSdFS40XU9I1ifTIZ9M0jw/LY3M9xYyW0vyj/waW/BP4b6z8V/2gfjTqEGor8Svht4A8HeGvC8MUqRaD/YPxRvtVm8SapcWoTz5tYtZPA+m6dp8pmjtRY6xq/mW9xcG1ms3KUZ0m21dJX8pXWlvNvS/R3BJxnbp06aW19bH91fPoen9xfX/ADx+NHPv3/hX0/z9egpOP9np6N6/55/Cjj/Z79m9P8/TqK5TUXn37fwr6f5+nQ0c+h6f3F9f88fjScf7Pbs3p/n69TRx/s9PRvX/ADz+FACnPoep/gU/5+veikOP9nqezD/P07UUALn3/wDH/r/9b9PejPv/AOP+3t7/AK+1Lz/td/4V9/8APvz/AHhQM8fe/JR2/T/I60AJn37f3/8APP6fpX4w/wDBd74MeDfiX+wX428a+JL7V7PWvg3rGgeKfBaaZNam3v8AX/E+taZ8PvsOp291BK0lu9r4nkninspbTUbWa2VoLn7PLd29x+z/ADj+Loey+3b+nU/hX5V/8FoIpZ/+Cf8A8UoVAMcnib4Y/aFZtu6JPiB4flUYXh8XEcDFW42gkfMorbDXWIoW0vVpr5OaT+9Noyr2VGq30pzfzUW187rTzPya/wCDdP8AYl0LRp/iF+2ZqOualJrdpqHiP4KeGfC00bNYW8cmneD/ABDrnip9SnuZbiW5khv4tDsdNhgt7W0RtWuppLye6tRZf1cZ9/T+P8//AK/6V+N3/BC+3ht/2Ip1hADP8ZvH73G0KD532HwvGocYHzfZkgOfQgnJya/ZLn/a7dl9f8/Tqa0xsnLE1U/sycEtNFHRJW+b9X1Jw6/c031lFSfrJXYmff1/j/L/AOt+tLn3HX++fT+X659qOf8Aa79l9f8AP16ijn/a6+i+n+efwrlNxM+/p/H+f/1/0oz7+v8AH9f8j8M96Xn/AGu3ZfX/AD9Opo5x/F37L79v85/GgBM+/p/H+f8A9f8ASjPuen98ev8AP9Me9HPv2/hX0/z9Oho59D0/uL6/54/GgD8if+C73xVsfhL/AMEo/wBsHU7q4ijvPG3gC0+EWi2zy4l1DUfix4j0bwJLbWqj55JYNI1rVdTkRAzCz0+6lZSkb1+N/wDwag/DLUtD8O/tc+PLmExafLJ8FPAlpKRhLjU9M03xr4j1uMSYwZbG31vQFkVcELdqWAAjzyn/AAdB/tP2vjDx7+zp+wzoGprLpXhb7V+0z8c4oZMx2kVnZavoHw10e+MRPlzjT/8AhN9cutPuMNIl/wCF71UAlgkH7bf8EOP2cr/9nj/gnr8KX8Q6Y+l+Nfjdd6t8ffFtrJD5U8EnxFNtN4Ts5UkVZYns/h9p3hGGW3lCtaXX2qFkVg2dvhou+8pL16Nfgr/PuTo5Jfyp/jY/XvPuen98ev8AP9Me9Gff1/j/AC/+t+tHPoen9xfX/PH40c+/f+FfT/P16CsSgz7+n8f5/wD1/wBKM+56f3x6/wA/0x70c+/b+FfT/P06Gjn0PT+4vr/nj8aAAn3PU/xj+vb07+tFBz6Hqf4FP+fr3ooAOP8AZ7/wt7/59uf7ooGOOn/fLHt+v+T1oz7/APj/ANf/AK36e9Gff/x/29vf9fagA4x26H+Fvbv/AF6j8a/O/wD4Ku+GJ/FP7AH7RlvaQ+bdaJ4Z0XxjGFRt0cHgzxd4e8TalKP7uzSdMv8Ae3RYy5bgmv0Qz79v7/8Ann9P0ri/iT4J0j4lfD3x18O9fTzND8d+D/E3g7V0BV2OmeJtFvdGvtiuCC4tr2QpkffAPYEXSn7OpTn/ACVIT8/dknp56EzjzwnH+aMo/emj8K/+DfH4pWXiX4DfGz4a/aEfUPBfxS03xWsBYNKmm+PPDNpZQEKCCY1vvBWoktg4eQI5ztz/AEEce3b+FvX/AD9ehr+FX/gkB8fdX/Yr/wCCmHiD9m74tyHQrTx5q/iX9nvxPHdyGG2074gaHr8g8E3373y2kXUNe0+TQbK4JEH2XxSboM0Oxj/dUCCAQeoB+/6/55/Su7NKXs8XKUWpU60Y1aclqmnFX1ta99fRpnPgpOVCKekqbcJLs4vT8Gg49u/8Lev+fp0FHHoOv9xvT/PH40Z9/X+P8v8A6360ufcdf759P5frn2rzjqE49u38Lev+fr0NHGO3f+Fvfv8A5x+FGff0/j/P/wCv+lGff1/j+v8AkfhnvQAnH+z27N6f5+vU1w/xM+IvhD4RfDvxx8U/H2r2ug+CPh14T1/xr4s1q6JWDTPD3hrTLrV9WvGyymQw2VpM0cSEyzSBYYlZ3VT3Off0/wCWn5//AF/04r+Rb/g4/wD+CiPhbUfC2m/8E8/hJ44sJtZ8Ua5p+uftR69pGpJLbeCvCHh24tNZ0L4Y6ld28qwp4g8VayljrmuaV5/2uw0fQ7LTb21kHiZoY7pwc5KKTtvJrpG6Tf4/e0JtJXf+V32+Z+Kv7OnhPxz/AMFbP+CmzeJvHen3ip+0/wDGa8+JfjyzeRppfA37L/wzms7qDwxJcxnNnDL4X0bw78O9MmZjHc6vLasys93IX/0iLGytNNs7TT7C3gtLKxt7ezs7W3iEMFta20Sw29vBDGqxxQwxIkcUUaqixqqqqqoA/m5/4N0v2JJfhN8FvFf7X/jfw9c6P4x/aFtbLQfhXp2rQGHU/Df7P/hq4D6FceXKkclpJ8RdbhbxPPGEMV5oum+FNRikdbpjX9KOff0/j/P/AOv+lVVacuVbRVvnZJ/dZL5Cina73er/AKtpbsJx/s9PRvX/ADz+FHH+z37N6f5+nUUufc9P749f5/pj3oz7+v8AH+X/ANb9ayKE4/2e3ZvT/P16mjj/AGeno3r/AJ5/Clz7+n8f5/8A1/0oz7np/fHr/P8ATHvQAhx/s9T2Yf5+nailJ9z1P8Y/r29O/rRQAvP+13/hX3/z78/3hQM8fe/JR2/T/I60nH+z3/hb3/z7c/3RQMcdP++WPb9f8nrQAvOP4uh7L7dv6dT+FBGcghiDweF5yMfy4z6cUnGO3Q/wt7d/69R+NHHoOv8Acb0/zx+NAH8V/wDwcjfsSeI/hn8TvCf7f/wh0+8sNK8T32iaB8V7rRY5Y5fDnxC0OCFPCHjWVrUD7Hb+ItNsLfS57z91HBrmiRS3E5vNegD/ALj/APBHj/gpx4R/b/8AgDpWneI9bsbP9o74ZaPp2k/FfwxNNBDfa5Haxw2Vp8RtGtCVa60nX3VG1g28YTRvEE01pNHBZ3mjyXn6i/Fn4VeAvjf8N/GXwn+J3hyw8V+BPHmhXfh3xLoV/EWhvdPvlClopeJbS8tZlhvdO1C2aO90+/tra+spYbu2glT/AD7f24f+Ce37Y/8AwRq/aGsf2i/2Y/EXjG7+FNhrkl98P/i54egNzLotvcysD4I+JlhBDLYR3DwM+nXUOp2v/CPeLrCSRrWF9+paRp3p0pwxdCGFqyUKtK/sKktnH/n23f5W3sotXaafJKMqNWVWCvTml7SK3TVlzK3frfr1SP8ARX5/2u/ZfX/P16ijn/a6+i+n+efwr+QT9k7/AIOp/hveaLpvhr9s/wCC3ifwn4stYYra9+IHwkgt9d8PavMoVHvrzwbreo6XqehE7GkuRp2sa1G0rt9lsbWPZAP0jb/g45/4JW/2ct7D8X/GdzdGPzDo8Hwl8c/2irbciItLpsWmmTqMLqDJkE78YY80sFiouzoyb7w99P0cb/jZrqk9DZVqTV1NL10f3OzP3Y5/2u3ZfX/P06ms/VdW0zQ9OvdX1rUbLSNK021uL7UNT1O6trHTrCztonmubu9vLl47e1tYIkeWe4nkSKONWd2Vea/l3+NH/Bzt8HjZ3mmfstfs9fET4ja4VaK18SfFK4074feFLWYjbFdnS9GvfE2u6xaq5BktpLnw5NIoY/aIwu6vxq+JP7VX/BQn/gp34uh8CeItR8a/ELT765W40/8AZ9+B2j6hpXgK0RZh5dx4ii09rl9Qs9PlKvJrXjPVtXfT082T7XZRKWXall1eXvVXGhTVnJza57afDC6V9ftzppdWYzxlKL5YN1Jt2Sjqr7Wb/wAkz9rv+Ckf/BdCysNK8UfBX9g/VLTXvEyw3umeM/2lZY438DeBrfY9vdJ8N/tUPleLfEy5dLXxI8UnhvT3CXOkJ4hlkjuLD8bP+CUH/BJfxh+3p8Zovjj8bLHxF/wy/wCFfFc/ibxX4k8TS3p8Q/tDeN4757680Sx1K8f+0L7S7vUWkm8ZeIVmeSK3e6023vU1u/Fxp/7CfsU/8ECPMm8PePf23dUs7nTNPNtf6T+zl4I1E/2FFcRhDCPiN4s0+Qf2tJFsIuNE8N3M1rM3lu/iWSH7Tp8n9OHhrwx4c8G6BpHhXwloWjeGvDXh/TrbStD0HQtNttJ0fSdNs41htbHTtOsYYLSztIIlCRQ28McaAbVUCirWo0Yujhnf+epbd2V2pNLme60ioR3hdtt1TjUqSVSrot4w6JNLda9e+t1qjQ03TNP0bTrHSNIsbbTNK0uzt9P03TbC1gtbHT7CzgS2s7KytYFSC1tLW3jjgt7eBEhihjSKJFRVUXefft/Cvp/n6dDScf7Pfs3p/n6dRRx/s9uzen+fr1NeedIvPoen9xfX/PH40c+/f+FfT/P16Ck4/wBnp6N6/wCefwo4/wBnv2b0/wA/TqKAF59+38K+n+fp0NHPoen9xfX/ADx+NJx/s9uzen+fr1NHH+z09G9f88/hQApz6Hqf4FP+fr3opDj/AGep7MP8/TtRQAv59/4j/te3t/L3pRk469f7x/u59P8AJ9qKKADnHf7pP3j7e3Xn6Uc579cfePpn06frn2oooAOffov8R7n6fn+lZGu6DonijR9R8PeJNI03X9B1izlsNW0XWbO21PStUsLpTHcWWoafewz2l5azoSk9vcRSQyoSrowOKKKAPw7/AGkf+DeL/gn58etVv/Enhnw74q+BHiC+aWeZfhnqlm3hWa6kbMk0nhPxJp2sW1lFnAjsfD19oNjGMhLdBxXw9Zf8Gq3wZsdS8+P9qXxadN80H7J/wqfQxfCIHfsGof8ACaG3MmP+Wp00rkk+T0AKK6I4zExtFVp2s/itK1rWs5JtW8jKVGlK94R10dtL/dY+2fgx/wAG837Dfw0ntL3xrd/E74yTW7RSSab4n8TQeHPDMzo2UJ0vwbp+jasU3gF4p/Ek8TqNjo653fsn8Kvgr8Jfgb4cj8JfCD4deEPhx4cjCBtL8I6JYaNDdSQoUW51GW0t47jVL0qDvv8AUpru9lJzLO5JNFFRUrVav8SpKfk3p/4Dt+BUYQh8MYp90tem736L7j07PTr/AAj7x7j6fn+lGeP4umfvH1x6df0x70UVkWLn69W/iPYfT8v1oz9eq/xHuPp+f6UUUAJnj+Lpn7x9cenX9Me9Ln69W/iPYfT8v1oooAM/Xqv8R7j6fn+lJnj+Lpn7x9cenX9Me9FFAATj+91I+8e2Pbp6d/WiiigD/9k=</field>
-        </record>
+        </record-->
 
     </data>
 </openerp>
diff --git a/addons/website_sale/product.py b/addons/website_sale/product.py
index 344787fe6b7..06c53c0af1d 100644
--- a/addons/website_sale/product.py
+++ b/addons/website_sale/product.py
@@ -88,4 +88,5 @@ class product_product(osv.Model):
     }
 
     def img(self, cr, uid, ids, field='image_small', context=None):
-        return "/website/image?model=%s&field=%s&id=%s" % (self._name, field, ids[0])
+        temp_id = self.browse(cr, uid, ids[0], context=context).product_tmpl_id.id
+        return "/website/image?model=product.template&field=%s&id=%s" % (field, temp_id)
diff --git a/addons/website_sale/static/src/css/website_sale.css b/addons/website_sale/static/src/css/website_sale.css
index 65323ba883f..eb8ed400341 100644
--- a/addons/website_sale/static/src/css/website_sale.css
+++ b/addons/website_sale/static/src/css/website_sale.css
@@ -1,5 +1,19 @@
 @charset "utf-8";
 /* ---- Default Styles Description ---- */
+.oe_product_image {
+  position: absolute;
+}
+.oe_product_image img {
+  max-width: 100%;
+  max-height: 100%;
+  margin: auto;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+}
+
 .oe_product .oe_product_image {
   position: absolute;
   left: 15px;
@@ -72,16 +86,16 @@
 
 /* ---- Product Sizes ---- */
 .col-md-12 .oe-height-1 {
-  height: 170px;
+  height: 125px;
 }
 .col-md-12 .oe-height-2 {
-  height: 255px;
+  height: 250px;
 }
 .col-md-12 .oe-height-3 {
-  height: 340px;
+  height: 375px;
 }
 .col-md-12 .oe-height-4 {
-  height: 510px;
+  height: 499.9px;
 }
 
 .col-md-9 .oe-height-1 {
@@ -98,22 +112,33 @@
 }
 
 /* ---- Product list style ---- */
-.oe_products {
+.oe_list_products {
   border: 1px solid rgba(100, 100, 100, 0.2);
   max-width: 100%;
   max-height: 140px;
 }
-.oe_products .oe_product_image {
+.oe_list_products .oe_product_image {
+  position: absolute;
   left: 15px;
   right: 15px;
-  top: 15px;
-  bottom: 50px;
-  width: 200px;
+  top: 0;
+  bottom: 0;
+  width: 150px;
+}
+.oe_list_products .oe_product_image img {
+  max-width: 100%;
+  max-height: 100%;
+  margin: auto;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
 }
-.oe_products .oe_product_description {
+.oe_list_products .oe_product_description {
   bottom: 0;
   position: absolute;
-  left: 240px;
-  right: 240px;
+  left: 180px;
+  right: 0;
   border-top: 1px solid #dddddd;
 }
diff --git a/addons/website_sale/static/src/css/website_sale.sass b/addons/website_sale/static/src/css/website_sale.sass
index d9eecb01145..03f1351ffeb 100644
--- a/addons/website_sale/static/src/css/website_sale.sass
+++ b/addons/website_sale/static/src/css/website_sale.sass
@@ -1,6 +1,19 @@
 @charset "utf-8"
 
 /* ---- Default Styles Description ---- */
+
+.oe_product_image
+    position: absolute
+    img
+        max-width: 100%
+        max-height: 100%
+        margin: auto
+        position: absolute
+        top: 0
+        left: 0
+        bottom: 0
+        right: 0
+
 .oe_product
     .oe_product_image
         position: absolute
@@ -74,13 +87,13 @@
 
 .col-md-12
     .oe-height-1
-        height: 170px
+        height: 125px
     .oe-height-2
-        height: 255px
+        height: 250px
     .oe-height-3
-        height: 340px
+        height: 375px
     .oe-height-4
-        height: 510px
+        height: 499.9px
 .col-md-9
     .oe-height-1
         height: 95px
@@ -93,19 +106,29 @@
 
 
 /* ---- Product list style ---- */
-.oe_products
+.oe_list_products
     border: 1px solid rgba(100, 100, 100, 0.2)
     max-width: 100%
     max-height: 140px
     .oe_product_image
+        position: absolute
         left: 15px
         right: 15px
-        top: 15px
-        bottom: 50px
-        width: 200px
+        top: 0
+        bottom: 0
+        width: 150px
+        img
+            max-width: 100%
+            max-height: 100%
+            margin: auto
+            position: absolute
+            top: 0
+            left: 0
+            bottom: 0
+            right: 0
     .oe_product_description
         bottom: 0
         position: absolute
-        left: 240px
-        right: 240px
+        left: 180px
+        right: 0
         border-top: 1px solid #dddddd
diff --git a/addons/website_sale/views/website_sale.xml b/addons/website_sale/views/website_sale.xml
index 3e804ffb26c..b8c513432d5 100644
--- a/addons/website_sale/views/website_sale.xml
+++ b/addons/website_sale/views/website_sale.xml
@@ -113,7 +113,7 @@
                 <div class='row style_default'>
                   <div class="col-md-12" id="products_grid">
                     <t t-foreach="products" t-as="product">
-                        <div t-attf-class="col-md-#{ search and 3 or product.website_sizex } oe_product oe-height-#{ search and 2 or product.website_sizey } #{ product.website_product_class}" t-att-data-publish="product.website_published and 'on' or 'off'" id="products_layout">
+                        <div t-attf-class="col-md-#{ search and 3 or product.website_sizex } oe_product oe-height-#{ search and 2 or product.website_sizey } #{ product.website_product_class}" t-att-data-publish="product.website_published and 'on' or 'off'" data-name="products_layout">
 
                             <div class="oe_product_description">
                                 <a t-attf-href="/shop/product/#{ product.id }/?#{ search and ('search=%s' % search) or ''}#{ category_id and ('&amp;category_id=%s' % category_id) or ''}">
@@ -178,10 +178,9 @@
     <!-- List view of products -->
 
     <template id="list_view" inherit_option_id="website_sale.products" name="List View">
-        <xpath  expr="//div[@id='products_layout']" position="attributes">
-            <attribute name="class">col-md-12 oe_products oe-height-1</attribute>
+        <xpath  expr="//div[@data-name='products_layout']" position="attributes">
+            <attribute name="class">col-md-12 oe_list_products oe-height-1</attribute>
         </xpath>
-
     </template>