Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / How to change the procuts from vertical to horizontal?

How to change the procuts from vertical to horizontal?

Locked

Views: 1,991

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
1 Jun 2009, 6:09 PM
#1
elverdugo0 avatar

elverdugo0

New Zenner

Join Date:
May 2009
Posts:
19
Plugin Contributions:
0

How to change the procuts from vertical to horizontal?

http://www.pureperformanceracing.net/home/index.php?main_page=index&cPath=65

This is an example of what i am talking about. The items are being showed vertically and not horizontal. It used to be horizontal, but one day it just changed. The problem is that the only thing i was changing was the tpl_header.php and i don't think any of that should affect the middle part.

1 Jun 2009, 11:14 PM
#2
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

Re: How to change the procuts from vertical to horizontal?

You could try:

admin/configuration/product listing/Product Listing - Layout Style (set to columns instead or rows)

2 Jun 2009, 3:11 AM
#3
elverdugo0 avatar

elverdugo0

New Zenner

Join Date:
May 2009
Posts:
19
Plugin Contributions:
0

Re: How to change the procuts from vertical to horizontal?

I don't see any Product Listing - Layout Style

2 Jun 2009, 1:46 PM
#5
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: How to change the procuts from vertical to horizontal?

Without the Column Grid mod, the products could never have been displaying horizontally. The page referenced is not a product listing but a category/subcategory listing. If the maximum categories per row had been changed, they would be sitting in the center of the column. The float: left; that should control these has been deleted in the stylesheet - without that, the items each occupy their own row at the partial width calculated for multiple display.

A stock stylesheet has:

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: left;
}

A look at your stylesheet shows you have commented the whole rule:

/*#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
        float: left;
        }*/

If you wanted the logo to not be floated, you need to separate it from the rest of the rule so different styling can be applied to it without messing up the rest; or just comment it out in this case:

/*#logo,*/ .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
        float: left;
        }
2 Jun 2009, 5:52 PM
#6
elverdugo0 avatar

elverdugo0

New Zenner

Join Date:
May 2009
Posts:
19
Plugin Contributions:
0

Re: How to change the procuts from vertical to horizontal?

Thank you so much gjh42, that is exactly what was going on, i had commented out the whole piece of code and that messed up everything. I changed it back to normal and is back to how it was.