Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / change categorylistbox from 3 to 4 per row

change categorylistbox from 3 to 4 per row

Locked

Views: 1,614

Results 1 to 10 of 10
This thread is locked. New replies are disabled.
15 Feb 2007, 5:56 PM
#1
xavier avatar

xavier

New Zenner

Join Date:
Jul 2006
Posts:
7
Plugin Contributions:
0

change categorylistbox from 3 to 4 per row

I am trying to figure out how to set my categorylistboxcontents from 3 per row to 4 per row on displaying my categories. Can someone help me figure this out?

Here is a link:
http://www.truminerals.com/index.php?main_page=index&cPath=2

16 Feb 2007, 3:45 PM
#2
xavier avatar

xavier

New Zenner

Join Date:
Jul 2006
Posts:
7
Plugin Contributions:
0

Re: change categorylistbox from 3 to 4 per row

bump. bump.

17 Feb 2007, 4:18 AM
#3
mresende avatar

mresende

New Zenner

Join Date:
Jan 2007
Posts:
22
Plugin Contributions:
0

Re: change categorylistbox from 3 to 4 per row

Just a very quick hint (i don't have access to my server right now to look at the source code): your source shows a **<br class="clearBoth"> **after the 3rd category. By removing this and modifying:

<div class="categoryListBoxContents" style="width: 33%;">

to something like 20%, I managed to get all 4 boxes on the same row.

Again, sorry for not being much help; modifying the actual PHP source is probably not as simple as what I'm suggesting but I hope it helps. I'll have a look at the actual zen-cart source and will let you know if I come up with something.

Mario

17 Feb 2007, 4:54 AM
#4
ajeh avatar

ajeh

Oba-san

Join Date:
Sep 2003
Location:
Ohio
Posts:
62,757
Plugin Contributions:
1

Re: change categorylistbox from 3 to 4 per row

There is that ... or you can do it the lazy way and change the setting for it in the Configuration ... Maximum Values ... :eek:

Categories To List Per Row
How many categories to list per row

17 Feb 2007, 12:36 PM
#5
mresende avatar

mresende

New Zenner

Join Date:
Jan 2007
Posts:
22
Plugin Contributions:
0

Re: change categorylistbox from 3 to 4 per row

Ajeh:

There is that ... or you can do it the lazy way and change the setting for it in the Configuration ... Maximum Values ... :eek:

Or that... :blush:

17 Feb 2007, 1:51 PM
#6
ajeh avatar

ajeh

Oba-san

Join Date:
Sep 2003
Location:
Ohio
Posts:
62,757
Plugin Contributions:
1

Re: change categorylistbox from 3 to 4 per row

sorry ... couldn't resist ... :smile:

We do hate to have you touch the code when you don't have to ... :cool:

25 May 2007, 2:36 PM
#7
tatiana77 avatar

tatiana77

Zen Follower

Join Date:
May 2007
Posts:
114
Plugin Contributions:
0

Re: change categorylistbox from 3 to 4 per row

Hmm maybe too late to post this here but I'll try neway

My admin setting in Config/Layout setting is 3 boxes per row, but for some reason when I add a border around the categorylistboxcontents, it seems like it can't fit on the same row. In other words, without border, I get 3 boxes per row, with border 2. I tried to change the width of the boxes in the stylesheet, but it won't make a difference..

I know it's not an image in the box size problem, because this will happen to category boxes with no images.

Any ideas? Thanks,

Tatiana

25 May 2007, 3:34 PM
#8
ajeh avatar

ajeh

Oba-san

Join Date:
Sep 2003
Location:
Ohio
Posts:
62,757
Plugin Contributions:
1

Re: change categorylistbox from 3 to 4 per row

Have you an URL where this can be seen? :smile:

11 Jul 2010, 3:16 PM
#10
rigel avatar

rigel

New Zenner

Join Date:
Jun 2010
Posts:
48
Plugin Contributions:
0

Re: change categorylistbox from 3 to 4 per row

Tatiana,

I had the same issue. Have now resolved problem and answered my own question!

In the style sheet, take .categoryListBoxContents out of the stylesheet line that has all this in it:

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #navNextPrevWrapperTop, #navNextPrevWrapperBottom, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .categoryListBoxContents, .centerBoxContents, .specialsListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {

You can search for category to find it.

Then below that add the following which should enable you to style the category listings separately from rest of content:

.categoryListBoxContents { /insert, taken out of centred content/
margin-left: -5px;
margin-bottom: 9px;

}