columns per row

[procella]

A problem that never gets really solved.. at one point I had in some places 2 columns per row. Now I dont have even if it is set in the admin. I would like to have 3 columns per row visible. And no, it is not my width that is wrong.
consernng:
New listing
categories
also purchased

I cant figure out what/where is wrong!

www.garudakauppa.fi

[kuroi]

On the contrary, this problem occurs regularly and is frequently resolved.

The first problem is that you have removed the float:left from the .back styling in your stylesheet. That's why all the products are displayed in a single column instead of floating up alongside each other.

If you put that back, you will be left with sometimes two, sometimes one, product per row. The reason for this is that you have added some horizontal padding to each of the boxes making them too wide to fit three to a row. Take that away and they'll be sitting neatly next to each other again.

[procella]

My have had this problem almost solved many times but never really as I would like to have. My stylesheet is a bit of a mess. I dont remember what I started from, and is a bit of a difficultie to clean.
I still seem to have some padding or something. Is it with the line under? I cant find it though.
here there is only one column
http://garudakauppa.fi/nettikauppa/i...index&cPath=18
when here there is two
http://garudakauppa.fi/nettikauppa/i...=index&cPath=2

and nowhere three.

Thanks for the help

[kuroi]

At around about line 630 of your stylesheet you have styles for .categoryListBoxContents which include both margin and padding, both of which can contribute to your problem.

[thuxen]

I'm having the same problem with a new template I've installed.

You can see it on the main page here: http://www.turtlecontacts.com

Each 'Featured Product' takes up one row even though I have set "Index Listing -> Featured Products Columns per Row" to 3.

Can anyone advise me on how to fix this?

[kuroi]

@thuxen

Your template appears to have been designed to have one product per row and the inline CSS that sets the width of each product block is 100%, over-riding Zen Cart's internal calculation based on the columns per row setting that you changed.

As that is a commercial template and you will need to contact the support team at Template Monster to find out what they have done and whether it can be easily turned off.

[tino.schlegel]

My have had this problem almost solved many times but never really as I would like to have. My stylesheet is a bit of a mess. I dont remember what I started from, and is a bit of a difficultie to clean.
I still seem to have some padding or something. Is it with the line under? I cant find it though.
here there is only one column
http://garudakauppa.fi/nettikauppa/i...index&cPath=18
when here there is two
http://garudakauppa.fi/nettikauppa/i...=index&cPath=2

and nowhere three.

Thanks for the help

This is due to the padding in for each item. Set padding to 0 as follows:

.categoryListBoxContents {
padding: 0;

[gjh42]

InkWizard - What you want is not a fix for something broken, but a new feature.

Both of the pages you describe are category/subcategory listings, yet you want them to use different templates. That can be done; it will require some additional coding to distinguish the page involved and rework the column/row layout accordingly. It would be nice to use the per-page template override system, but both of the pages are named "index" so they can't be distingushed that way. You could make a copy of the alternate file for each category, but that would get very cumbersome to maintain.

The best way will probably be to insert the distinguishing and alternate layout code in
/includes/modules/your_template/category_row.php.