View Single Post
  #2  
Old December 17th, 2012, 11:50 AM
Eric's Avatar
Eric Eric is offline
Datafeedr Team
 
Join Date: Feb 2008
Posts: 16,902
Default

Hi,

You can change the Related Products code to something like this:

HTML Code:
<div class="pl" id="related_products_small">
  [product.each]
  <div class="t1 col2">
  <div class="bdr">
    <div class="thmb"><a href="[product.link]" title="[product.name]">[product.image tag='1']</a></div>
    <div class="product_name"><a href="[product.link]" title="[product.name]">[product.name]</a></div>
    <div class="prc">[product.currency mode='sign'][product.price]</div>
    <div class="clearingdiv"> </div>
  </div>
  </div>
  [/product.each]
  <div class="clearingdiv"> </div>
</div>
And then add the following to your Custom CSS:

Code:
#related_products_small .product_name
{
	overflow: hidden;
	text-align: left;
	line-height: 1.3em;
	height: 2.6em;
}

#view .pl#related_products_small .col2 .prc { text-align: left; }

#view .pl#related_products_small .col2 .thmb
{
	width: 80px;
	height: 90px;
}

#view .pl#related_products_small .col2 .thmb img
{
	max-width: 80px;
	max-height: 80px;
	width: expression(this.height < this.width && this.width > 90 ? '80px' :true);
	height: expression(this.height > this.width && this.height > 90 ? '80px' :true);
}
That should get you in the ballpark.

Eric