How to enable multiple products per row?

Hi,
How do I enable multiple products in single row for the New products page?
Even tough I have selected 3 columns per row, I still see 1 product per row for new, featured and special products pages.
They are however appearing in the desired format on the index page as promotions.

Here are my settings:

Show New Products on Main Page 1
Show Featured Products on Main Page 2
Show Special Products on Main Page 3
Show Upcoming Products on Main Page 4
Show New Products on Main Page - Category with SubCategories 1
Show Featured Products on Main Page - Category with SubCategories 2
Show Special Products on Main Page - Category with SubCategories 3
Show Upcoming Products on Main Page - Category with SubCategories 4
Show New Products on Main Page - Errors and Missing Products Page 1
Show Featured Products on Main Page - Errors and Missing Products Page 2
Show Special Products on Main Page - Errors and Missing Products Page 3
Show Upcoming Products on Main Page - Errors and Missing Products Page 4
Show New Products on Main Page - Errors and Missing Products Page 1
Show Featured Products on Main Page - Errors and Missing Products Page 2
Show Special Products on Main Page - Errors and Missing Products Page 3
Show Upcoming Products on Main Page - Errors and Missing Products Page 4
Show New Products - below Product Listing 1
Show Featured Products - below Product Listing 2
Show Special Products - below Product Listing 3
Show Upcoming Products - below Product Listing 4
New Products Columns per Row 3
Featured Products Columns per Row 3
Special Products Columns per Row 3
Filter Product Listing for Current Top Level Category When Enabled 1

Thanks in advance
Deepak

Your URL?

Deepak, try switching to the default template; this may be a bug in your template.

I am using the apple_zen template here.
has some one tried this with the apple_zen?

I would like to have my subcategory images show up in columns and rows instead of having them all show in rows only. Here is the link...

http://dejavuantiques-dailybrew.com/store/index.php?main_page=index&cPath=13

I am using Mystic River template and zencart 1.3.8a.

Thank you for any help.

check in css that .categoryListBoxContents has

float:left;

-Steve-:

check in css that .categoryListBoxContents has

float:left;

Thanks, it worked like a charm... I have this in my css stylesheet now. 

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	margin: 2em auto 0 auto;
    width: 890px;
    float:left;
	}

This is great for the new products page, but how about for a standard category page? I have an annoying default situation here where the products display in a single column. I want them to go horizontally, say 5 or 6 items per row. How do I set this on the category pages?

motleyCrue:

This is great for the new products page, but how about for a standard category page? I have an annoying default situation here where the products display in a single column. I want them to go horizontally, say 5 or 6 items per row. How do I set this on the category pages?

I'm looking into doing this as well, too! :smile:

I am stuck with this too! :cry: Please help!

i'm having the same problem..
i have set it to be 4 images in a row but i'm getting 3 images in a row
and the additional image on the next row.
I'm running 1.3.8 and using zen cart power template.
my site is https://www.coachclearancestore.com

thanks in advance

s2kbrandon -
You have a completely different problem, but it has an easy answer. The Zen Cart code automatically gives a width to each product when you tell it to show four in a row, and when you add padding, it takes more space than is available in the row, forcing the last one to the next row.
Find this in your stylesheet```
.centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .specialsListBoxContents {
height: 186px;
width: 150px !important;
border-right: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
margin: 0 !important;
padding: 18px 18px 12px 18px;
}

For all the other posters - I can't believe nobody who knows the answer saw this thread! 
To get the product listing page to display products in more than one per row, install the Column Layout Grid mod from Free Addons.

I have a similar issue. I've tried both options and now my site looks like this:
http://www.realholisticliving.com/nts-cart/index.php

I want it to be set up like the template demo shown here:
http://osc.template-help.com/zencart_24468/index.php

Any help with this would be greatly appreciated!

-Adam

You have a whole bunch of specific properties packed into this general rule in stylesheet.css, so they apply to every selector in the list - obviously not a good thing. The !important forces the width to be too narrow here.

/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
        vertical-align: top;
        height: 186px;
	width: 150px !important;
	border-right: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	margin: 0 !important;
	padding: 18px 18px 12px 18px;}

There is also something else going on to keep the products from lining up in a row. This:

Would you be so kind as to have a look at my site. I have the featured products one the opening page, three in a row (zen-cart 1.3.8). In Safari and Firefox, all is well, but not in Internet Explorer, there it is bunched up all in one row. I've tried everything, and in Firebug I see that there is an expression style="width: 33;" but I don't see how that is being generated (nor can I find it in the CSS). Many, many thanks,

Igor56

Site is: https://www.futureclassicsmusic.com

Anything that reads like
style="width: 33;"
is inline styling generated by the PHP files and not in the stylesheet. Since you have specified 3 per row, the code divides 100 by 3 and rounds down to get 33% width per product.
I don't see anything yet, but a clue may be that in IE6, the first product displays exactly as it should, but all the rest are in one column squeezed all the way over to the left. The width for those must be close to 0, because even the shortest words are strung out one per line.

On validating your HTML, the first error that appears is at the end of the first product. Coincidence?...```

<div class="centerBoxContentsFeatured centeredContent back" style="width:33%;"><a href="http://futureclassicsmusic.nl/index.php?main_page=product_info&products_id=32&zenid=e11f03eaa258f949b9ed2375b62c0a48"><img src="images/Kat_cover.jpg" alt="######## Kattenburg - Kamermuziek FC091" title=" ######## Kattenburg - Kamermuziek FC091 " width="78" height="80" /></a><br /><a href="http://futureclassicsmusic.nl/index.php?main_page=product_info&products_id=32&zenid=e11f03eaa258f949b9ed2375b62c0a48">######## Kattenburg - Kamermuziek FC091</a><br />€15.50<br /><font face="helvetica"><font size=2>Chamber music by this unique Dutch composer, one of the most talented Dutch composers ever. <br/>Includes the Flute Sonata<br/>Quartet for flute, violin, cello and piano<br/>Tapdance for piano four-hands and tap dancer<br/>Leo Smit Ensemble

<font face="helvetica"><font...</div>
<div class="centerBoxContentsFeatured centeredContent back" style="width:33%;"><a href="

Thank you so very much, gjh42. I guess that is in the product description. I see now indeed where my problem is, not in the CSS but in my sloppy tags!

Thanks for your help Glenn, do you know where the: <div class="centerBoxContentsFeatured centeredContent back" style="width: 100%;"> is located so that I can fool around with it?

-Adam

First off, don't try to mess with the code when the width appears to be caused by an admin setting.

Next, you haven't changed your stylesheet yet, which is probably the primary cause of the problem (see post 14).