centerboxwrapper trouble

[rcallan515]

I'm trying to adjust the products so they come in 2 on the same line. I am using DOM tools and i can see that each product is taking up too much size in width and i cant find where to make that smaller. My site is www.driventorise.com/test. thanks in advance to anyone who can help

[kuroi]

Find this style in your stylesheet

/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {

vertical-align: top;
padding: 1em;

}

and remove the .centerBoxContentsNew. The problem appears to be that each of your centerbox product blocks has a content width of 50% (claculated by Zen Cart because there's two of them, but then the additional padding pushes the width of each beyond what the browsers are prepared to overlook when crushing oversized images oin the same line.

[rcallan515]

Ok, i did that, when you saw the page, i had 2 products. each on their own line. i added another product and it automatically put 2 on the line and the 3rd was on its own line. i then added another product and it now has 2 on the first line, 1 on the next line, and the other on a 3rd line. i took out that .centerBoxContentsNew. it is still messing it up.

Also, when you click on the "Sits at Waist" category, you see how it puts all the pictures directly under one of them. Is there a way I can add a border around each product or put a <br> below each?

[kuroi]

I'm afraid that it looks perfect to me in Internet Explorer, Firefox and Opera. Which browser and which version are you using?

Maybe I'm being dumb, but I can't see a "Sit at Waist" category at all.

[rcallan515]

yea that is weird. it looks good now. im sorry, its a subcategory under jeans. you'll see what im talking about there being no space between each product

[kuroi]

No matter. The products on top of each other is normal, but you could spread them a littel by adding the following to your stylesheet

td.productListing-data {padding: 10px 0}

[rcallan515]

awesome, one last thing

how do i remove the words below the subcategory pictures (the oval shapes (sits at waist & low rise))

[DrByte]

/includes/templates/YOURTEMPLATE/templates/tpl_modules_category_icon_display.php
line 14 says:

<div align="<?php echo $align; ?>" id="categoryIcon" class="categoryIcon">
<?php echo '<a href="' . zen_href_link(FILENAME_DEFAULT, $cPath_new, 'NONSSL') . '">' . 
zen_image(DIR_WS_IMAGES . 
zen_get_categories_image(zen_get_products_category_id((int)$_GET['products_id'])),
zen_get_categories_name(zen_get_products_category_id((int)$_GET['products_id']), $_SESSION['languages_id']), CATEGORY_ICON_IMAGE_WIDTH, CATEGORY_ICON_IMAGE_HEIGHT) . 
'<br />' . zen_get_categories_name(zen_get_products_category_id((int)$_GET['products_id']), $_SESSION['languages_id']) .  '</a>'; ?></div>

the very last part of that says:

. '<br />' . zen_get_categories_name(zen_get_products_category_id((int)$_GET['products_id']), $_SESSION['languages_id']) .  '</a>'; ?></div> 

replace that last bit with:

. '<br />' . '</a>'; ?></div> 

[rcallan515]

much appreciated, it makes sense to me, but it didn't work

[kuroi]

You need to create and edit an includes/modules/YOUR_TEMPLATE/category_row.php file by removing the text marked in red below (lines 38-39)

$list_box_contents[$row][$col] = array('params' => 'class="categoryListBoxContents"' . ' ' . 'style="width:' . $col_width . '%;"',
'text' => '<a href="' . zen_href_link(FILENAME_DEFAULT, $cPath_new) . '">' . zen_image(DIR_WS_IMAGES . $categories->fields['categories_image'], $categories->fields['categories_name'], SUBCATEGORY_IMAGE_WIDTH, SUBCATEGORY_IMAGE_HEIGHT) . '<br />' . $categories->fields['categories_name'] . '</a>');