[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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user