product alignment

[djangle]

Does anyone know how to make item in the product view align to the bottom. basically I have some pics smaller than others or not the same height and they are not aligning. i would like to just align to the bottom.

I could get the subcategories to align to the bottom but cannot get the products to align.

Any help?

Thanks

[mueller]

Have you tried editing the product template you are using?

[djangle]

I do not believe that it would be on the listing_0 template but on the category_0.html template.

I was able to get the categories to align but not when it shows the products view. Actually they by default align to the top, but I would like them to align at the bottom. This way all of the wording would be in a row.

[djangle]

For the item template in the category heading I have:

<!--START: ITEM_TEMPLATE_0-->
<table border="0" cellspacing="0" cellpadding="0" width="95%">
<tr>
<td colspan="2" align="center" valign="bottom"><a href="product.asp?itemid=[catalogid]&amp;catid=[catid]"><img src="[THUMBNAIL]" alt="[name]" border="0"></a></td>
</tr>

<tr valign="middle">
<td colspan="2" class="item" align="center" valign="bottom">[name]</td>
</tr>

<tr>
<td class="price" align="center" valign="bottom" colspan="2">
<!--START: ITEMPRICE-->
[ITEMPRICE]
<!--END: ITEMPRICE-->
<!--START: SALEPRICE-->
<s>[ITEMPRICE]</s><br>[ITEMSALEPRICE]
<!--END: SALEPRICE--> </td>
</tr>
<tr>
<td class="item" colspan="2" align="center" valign="bottom"><a href="add_cart.asp?quick=1&amp;item_id=[catalogid]">[category_buyitlink]</a></td>
</tr>
</table>
<!--END: ITEM_TEMPLATE_0-->

[djangle]

Got it:

<!--START: ITEM_TEMPLATE_0-->
<table border="0" cellspacing="0" cellpadding="0" width="95%">
<tr>
<td colspan="2" align="center" valign="bottom"><table height="150" border="0">
<tr>
<td><a href="product.asp?itemid=[catalogid]&amp;catid=[catid]"><img src="[THUMBNAIL]" alt="[name]" border="0"></a></td>
</tr>
</table></td>
</tr>

<tr valign="middle">
<td colspan="2" class="item" align="center" valign="bottom">[name]</td>
</tr>

<tr>
<td class="price" align="center" valign="bottom" colspan="2">
<!--START: ITEMPRICE-->
[ITEMPRICE]
<!--END: ITEMPRICE-->
<!--START: SALEPRICE-->
<s>[ITEMPRICE]</s><br>[ITEMSALEPRICE]
<!--END: SALEPRICE--> </td>
</tr>
<tr>
<td class="item" colspan="2" align="center" valign="bottom"><a href="add_cart.asp?quick=1&amp;item_id=[catalogid]">[category_buyitlink]</a></td>
</tr>
</table>
<!--END: ITEM_TEMPLATE_0-->

[Mark]

Did this work?
I couldn't get our products to allign until I resized all thumbnail images to the default height of 150. Since the default size is 150 X 150 if you had an image say 200 X 150, the height being correct, the cart would resize to 150 X 124 (since both pixel limitations are applied) and the resulting image was too short.

[djangle]

mark,

I did get this to work but all of my thumbnails are max 150 height.

If they are taller they will resize down. I guess my problem was the other way around. Some of my thumbnails are less than 150 height such as 100 x 150, since I resized to be max of 150 tall and 150 wide.

So i had some thumbnails that were shorter. 100 tall x 150 wide. Having the frame around that at 150 pix tall gives empty space but centers all of the thumbnails in the row.

Donald