[JWait]

Originally Posted by Dan.roh

Gizmo, this is great! But I will need a bit of code to regulate the lenth of my product title because this is what is causing it to still throw everything of line with each other. Maybe a line or something that can be set to display on the same spot regardless of how long your product title is. Any ideas?

In your manufacturerinfo.tpl find the part that is bold below...

<table width="100%" cellpadding="0" cellspacing="0">
<tr > {foreach from=$manufacturerinfos item=manufacturerinfo }
<td width="20%" valign="top"><div style="border:1px solid #eee;padding:5px;margin:5px; text-align:center; height:160px;"> <div style="padding-bottom:5px;"><a href="product.php?productid={$manufacturerinfo.pro ductid}&amp;cat={$cat}&amp;manufacturerinfo"> <font class="ProductTitle">{$manufacturerinfo.product}</font></a></div><br />
<a href="product.php?productid={$manufacturerinfo.pro ductid}&amp;cat={$cat}&amp;manufacturerinfo"> {include file="product_thumbnail.tpl" image_x=50 productid=$manufacturerinfo.productid product=$manufacturerinfo.product} </a><br />

<font class="ProductPrice"> Our Price:&nbsp; {include file="currency.tpl" value=$manufacturerinfo.price}</font><br />
{if $manufacturerinfo.list_price gt 0} <font class="MarketPrice"> Market Price:&nbsp;<s>{include file="currency.tpl" value=$manufacturerinfo.list_price}</s> </font> <br />
{/if}

</div></td>
{/foreach} </tr>
</table>

... and change it to...

<div class="manufacturerinfo-title"><a href="product.php?productid={$manufacturerinfo.productid}&amp;cat={$cat}" class="product-title">{$manufacturerinfo.product|truncate:64:" ":true}</a></div>

and add this to your main.css

.manufacturerinfo-title {
height: 40px;
}
.manufacturerinfo-title a:link,
.manufacturerinfo-title a:visited,
.manufacturerinfo-title a:hover,
.manufacturerinfo-title a:active
{ color: #000;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none; 
}
.manufacturerinfo-title a:hover
{ color: #1206FE;
  text-decoration: underline;
}

You will probably want to adjust colors, font sizes, etc. Do this by modifying the manufacturerinfo-title class. You can adjust the height of just the title by changing height: 40px; to whatever works for you.

Edit: In 4.1.x you don't have a main.css. Use skin1.css or skin1_c.css (whichever you are using).