I have this code running live our site: http://www.hugamonkey.com/single-sided-baby-slings/midnight-black-baby-s... have a look and let me know what you think. I've left the CSS inline for your reference.
<div class="node<?php if ($sticky) { print " sticky"; } ?><?php if (!$status) { print " node-unpublished"; } ?>">
<div class="content">
<div class="product-top" style="width:700px;">
<div class="product-image" style="width:210px; float:left;">
<?php $imagePath = $node->field_image_cache['0']['filepath']; ?>
<a href="<?=base_path()?><?=$imagePath?>" rel="lightshow[prod]">
<img src="<?=base_path()?>files/imagecache/product/<?=$imagePath?>" alt="<?=$title?>" title="<?=$title?>">
</a>
<ul class="other_imgs" style="list-style-type:none; margin-top:10px; text-align:center;">
<?php foreach ($node->field_image_cache as $images) { if ($images['filepath'] != $imagePath) { ?>
<li style="display:inline; padding:0; margin-left:0;"><a href="<?=base_path()?><?=$images['filepath']?>" rel="lightshow[prod]" title="<?=$title?>">
<img src="<?=base_path()?>files/imagecache/thumbnail/<?=$images['filename']?>" alt="<?=$title?>"></a></li>
<?php } } ?>
</ul>
</div>
<div class="product-add-to-cart" style="margin-left:10px; width:480px; float:left; clear:right;">
<h1 class="title" style="color:#000; font-size:1.6em; font-weight:bold;"><?=$title?></h1>
<span style="font-size:.8em;">Ships Fast & <a href="http://www.hugamonkey.com/info/love-it">Free</a></span>
<div class="add-to-cart-box" style="width:320px; margin-top:10px; padding:.4em; border:5px solid #ccc; background:#f1f1f1;">
<div class="add-to-cart-box_pricing-box" style="background:#fff; border-bottom:1px dotted #000; height:2.6em;">
<div class="add-to-cart-box_price" style="float:left; font-size:2em; font-weight:bold; margin-top:.2em;"><?=uc_currency_format($node->sell_price)?></div>
</div>
<div class="add-to-cart-box_add-to-cart" style="padding:.4em; font-size:.8em;">
<a href="<?=base_path()?>files/sitewide/hugamonkey-baby-sling-sizing-chart.png" rel="lightshow[prod]">
<img src="<?=base_path()?>themes/dreamy/images/sizingIcon.png" alt="Baby Sling Sizing Chart" /></a><br />
<a href="<?=base_path()?>files/sitewide/hugamonkey-baby-sling-sizing-chart.png" rel="lightshow[prod]">Sizing Chart</a>
<a href="<?=base_path()?>info/sizing-chart" style="font-size:80%;">[Detailed Instructions]</a>
<?php print $node->content['add_to_cart']["#value"]; ?>
</div>
</div>
<div class="product-rating-box" style="margin-top:10px; width:320px; float:left; clear:right; font-size:.8em; padding:.2em; border:2px solid #ccc;">
<div class="product-rating-box_ratings" style="float:left; width:120px;">
Product Rating: <?php print $node->content["fivestar_widget"]["#value"]; ?>
</div>
<div class="product-rating-box_reviews" style="float:left;">
<?php if ($node->comment_count != 0 ) { ?>
<a href="#comment-field"><?=$node->comment_count;?> Customer Reviews</a><br />
<?php } ?>
<?php if ($node->comment_count != 0 ) { ?>
<a href="#comment-field">Write A Review</a>
<?php } ?>
<?php if ($node->comment_count == 0 ) { ?>
<a href="#comment-field">Be The First To Write A Review!</a>
<?php } ?>
</div>
</div>
</div>
</div>
<br clear="all" />
<div class="product-bottom" style="width:700px; margin-top:20px;">
<div class="product-description" style="width:700px;">
<div style="background:url(<?=base_path()?>themes/dreamy/images/decription-bg.png) no-repeat; width:700px; height:30px; padding:25px 0 0 20px;">
<h3 style="color:#fff;">Baby Sling Description:</h3>
</div>
<div class="product-description_content" style="margin-left:0;">
<?php print $node->content['body']['#value']; ?>
</div>
</div>
<div class="product-meta">
<div style="background:url(<?=base_path()?>themes/dreamy/images/product-meta-bg.png) no-repeat; width:700px; height:40px; padding:25px 0 0 20px;">
<h3 style="color:#fff;">Spread The Word:</h3>
</div>
<div class="product-meta_content">
<p>Do you love the <?=$title?>? <a href="<?=base_path()?><?php print $node->links['forward_links']['href']; ?>">Spread the word</a>.</p>
<p>Or, share us at your favorite social bookmarking site:<?=$service_links?></p>
</div>
</div>
<div id="comment-field" style="background:url(<?=base_path()?>themes/dreamy/images/product-comments-bg.png) no-repeat; margin-top:20px; width:700px; height:40px; padding:25px 0 0 20px;">
<h3 style="color:#fff;">Customer Reviews:</h3>
</div>
</div>
</div>
</div>
Joined: 08/22/2007