X-Cart forums

[Sisom]

Hi, I was wondering if anybody has created a mod which will vertically centre a 125px wide thumbnail in a 125px high div, so that if the image is less than 125px high, it still centres vertically within the div?

Also, line 25 of product_list.tpl has "image_y=$product.tmbn_y" in it, which is currently pulling the value '74px' when there is no image - where does this 74px come from? I have set the maximum height of thumbnails to 125px in the control panel. I have changed this temporarily to "image_y=125px" but I thought there might be somewhere I can change it 'properly', i.e. not in the template itself, but by changing the variable $product.tmbn_y.

Many thanks in advance for any help you can give.

Edit:
I've found a way of doing it. I've added the following to line 25 of products_list.tpl:

<div class="imagethumbnail"> <a href="{$url}">{include file="product_thumbnail.tpl" productid=$product.productid image_x=$product.tmbn_x image_y=$product.tmbn_y product=$product.product tmbn_url=$product.tmbn_url}</a></div><!-- END OF IMAGETHUMBNAIL -->

and added the following style to altskin.css:

.imagethumbnail {width:125px;height:125px;display:table-cell;vertical-align:middle;background-color:#000;}

(Don't forget that my product box background is black, so you may want to change the colour of the background-color property to match your background.)