columns per row

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!

https://www.garudakauppa.fi

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.

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/index.php?main_page=index&cPath=18
when here there is two
http://garudakauppa.fi/nettikauppa/index.php?main_page=index&cPath=2

and nowhere three.

Thanks for the help

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.

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?

@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.

Wow, thank you for the super-fast reply!

I have this same problem but when I check the css the float is there. Any other ideas?

robbinsgj:

I have this same problem but when I check the css the float is there. Any other ideas?Not without seeing the site.

I have been getting frustrated with this issue also .. I can get either one column per row on both the category listing and subcategory pages, or three columns on both pages ... however I want to get 3 columns wide on the first page and then only one column wide on the subcategory page.

Anyone who can help please have a look at https://www.inkwizard.net.au and check out "Canon" for a working subcategory page ... you will see how I want that to look but I need the front page to be 3 columns somehow?

Any help would be really appreciated!

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/index.php?main_page=index&cPath=18
when here there is two
http://garudakauppa.fi/nettikauppa/index.php?main_page=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;

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.