From f7110b46bef2d84cd2ce864f5bdd747457099e1e Mon Sep 17 00:00:00 2001
From: Goffin Simon <sig@odoo.com>
Date: Thu, 20 Aug 2015 15:58:36 +0200
Subject: [PATCH] [FIX] website_sale: alternative products

Improvement of the commit bc146a0a2630ee4859e3fb1b2e54b2ded8f6dfc5
The image of an alternative product must be centered and the name
of the product must be cut if it's too long for the block
to keep the symetry for each block.

opw:647612
---
 addons/website_sale/views/templates.xml | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/addons/website_sale/views/templates.xml b/addons/website_sale/views/templates.xml
index fac84edede4..4a8d6fa9500 100644
--- a/addons/website_sale/views/templates.xml
+++ b/addons/website_sale/views/templates.xml
@@ -487,13 +487,12 @@
           <h3>Suggested alternatives:</h3>
           <div class='row mt16' style="">
           <t t-foreach="product.alternative_product_ids" t-as="product">
-              <div class='col-md-2 thumbnail' style='width: 170px; height:130px; float:left; display:inline; margin-right: 10px;'>
-                  <div class='mt16 text-center'>
-                      <span t-field="product.image_small" t-field-options='{"widget": "image", "class": "img-rounded shadow o_alternative_product" }'/>
+              <div class='col-md-2 thumbnail' style='width: 170px; height:130px; float:left; display:inline; margin-right: 10px; overflow:hidden;'>
+                  <div class='mt16 text-center' style="height: 100%;">
+                      <div t-field="product.image_small" t-field-options='{"widget": "image", "class": "img-rounded shadow o_alternative_product" }'/>
                       <h5>
                           <a t-attf-href="/shop/product/#{ slug(product) }" style="display: block">
-                              <span t-att-title='product.name' t-field='product.name' style="display: block; max-width:100%;
-                              overflow:hidden; white-space:nowrap; text-overflow:ellipsis;"/>
+                              <span t-att-title='product.name' t-field='product.name' style="display: block;"/>
                           </a>
                       </h5>
                   </div>