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


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

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

#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.