[FIX] website_sale: alternative products

Improvement of the commit bc146a0a26
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
This commit is contained in:
Goffin Simon
2015-08-20 16:07:34 +02:00
parent bc146a0a26
commit f7110b46be
+4 -5
View File
@@ -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>