Bestsellers sidebox thumbnail spacing issues

Hello All,
I'm having a problem getting the thumbnails to space correctly in the "Best Sellers" sidebox. I installed the "bestsellers thumbnail image" mod and it inserts a line under the first thumbnail image but not under the rest.

I have tried changing the setting in my stylesheet but nothing happens. I also looked at the best sellers module and template but I'm not sure what I'm looking for.

Any help would be greatly appreciated.

Thanks!

http://www.thebasher.com/bstore

Hi,
do you want to have this line under every image?

regards,
kruna

Hey Kruna,
Actually I just want to be able to add a little space between the listing that are under the line. Right now they are all together. I tried to do it with the style sheet but it didn't work. Is there another way to do it?

On second thought if there is a way to put a line after each listing that would be cool.

Did anyone figure this out? Thanks!

I still haven't been able to figure it out. I've tried a few things but to no avail. If anyone could help us out that would be awesome!

thebasher:

I still haven't been able to figure it out. I've tried a few things but to no avail. If anyone could help us out that would be awesome!

I wrestled with this for a while - If you wanted to remove the underline completely, just remove the <h2> tag from tpl_best_sellers.php.

To get a line to appear under each item, I removed the <h2> and added a class to the td tag of the two columns (td class="bestsellersBorder"), then added that class to the css thusly.

.bestsellersBorder {border-bottom:1px solid #FFFFFF;}

Also helps to give it some padding...

tpl_best_sellers.php

<?php
/**
 * Side Box Template
 *
 * @package templateSystem
 * @copyright Copyright 2003-2005 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: tpl_best_sellers.php 2982 2006-02-07 07:56:41Z birdbrain $
 * @version $Id: tpl_best_sellers.php 2982 2007-12-15 21:00:00 TRUST IT - www.trustit.ca - [email protected] $
 */
  $content = '';
  $content .= '<div id="' . str_replace('_', '-', $box_id . 'Content') . '" class="sideBoxContent">' . "\n";
  $content .= '<div class="wrapper"><table cellpadding=0 cellspacing=0 border=0>' .  "\n";
  for ($i=1; $i<=sizeof($bestsellers_list); $i++) {
    $imgLink =  DIR_WS_IMAGES . $bestsellers_list[$i]['image'];
	if ($i==2) {$content .= '<tr><td colspan="2"></td></tr>';}
    $content .= '<tr><td class="bestsellersBorder"><a href="' . zen_href_link(zen_get_info_page($bestsellers_list[$i]['id']), 'products_id=' . $bestsellers_list[$i]['id']) . '">' . 	zen_image($imgLink, zen_trunc_string($bestsellers_list[$i]['name']), SMALL_IMAGE_WIDTH/2, SMALL_IMAGE_HEIGHT/2) . '</a></td><td class="bestsellersBorder"><a href="' . zen_href_link(zen_get_info_page($bestsellers_list[$i]['id']), 'products_id=' . $bestsellers_list[$i]['id']) . '">' . zen_trunc_string($bestsellers_list[$i]['name'], BEST_SELLERS_TRUNCATE, BEST_SELLERS_TRUNCATE_MORE) . '</a><BR><div align=right>' . zen_get_products_display_price($bestsellers_list[$i]['id']) . '</div></td></tr>' . 	"\n";
  }
  $content .= '</table></div>' . "\n";
  $content .= '</div>';

?>

Add this to stylesheet.css

.bestsellersBorder {
	border-bottom: 1px solid #FFFFFF;
	}

You can add padding and control the vertical-align of the title and price, depending on how you have the other bestsellers styles set up.

Thank you, Thank you, Thank you! This is exactly what I was looking for.

This didn't work for me for some reason. Which stylesheet.css do I make the addition to?

Cheers