Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Grid Style Layout - Products not evenly distributed?

Grid Style Layout - Products not evenly distributed?

Locked

Views: 2,186

Results 1 to 17 of 17
This thread is locked. New replies are disabled.
4 Apr 2008, 3:04 AM
#1
kevinmc3 avatar

kevinmc3

Totally Zenned

Join Date:
Jun 2006
Posts:
786
Plugin Contributions:
0

Grid Style Layout - Products not evenly distributed?

I finally got the Grid Product Layout to work in 3 columns. Now I need to make adjustments. As you can see from the link below, the products are not all filling in accordingly, some spaces are blank, some too close together. Is this adjusted in the stylesheet file? If so what script setting could help adjust these pages so all products layout in nice even format?

http://www.cvtreasures.com/index.php?main_page=index&cPath=102

4 Apr 2008, 3:47 AM
#2
gjh42 avatar

gjh42

Black Belt

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

Re: Grid Style Layout - Products not evenly distributed?

You have a very old version of Zen Cart, around v1.2.5, and its stylesheet is not configured to style some critical page elements in the newer version of the Column Grid mod (even the v1.3.5-7 version).

$Id: stylesheet.css 1223 2005-04-22 03:46:20Z ajeh $

Adding this to the stylesheet should help the code to function the way it is supposed to:

.clearBoth {clear: both;}

You really need to upgrade this shop soon, because old versions of Zen Cart will not operate on PHP5, and hosts are not going to be offering PHP4 hosting much longer now that PHP has stopped supporting version 4. This means that your cart would cease to function.

4 Apr 2008, 3:55 AM
#3
kevinmc3 avatar

kevinmc3

Totally Zenned

Join Date:
Jun 2006
Posts:
786
Plugin Contributions:
0

Re: Grid Style Layout - Products not evenly distributed?

ACtually my ZEN Cart is 1.3.7.1

4 Apr 2008, 4:07 AM
#4
gjh42 avatar

gjh42

Black Belt

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

Re: Grid Style Layout - Products not evenly distributed?

Sorry, but the structure of the cart you linked to above is a table-based v1.2.x style, not a div-based v1.3.x style. And the stylesheet is positively from 2005, as noted above.

4 Apr 2008, 4:11 AM
#5
kevinmc3 avatar

kevinmc3

Totally Zenned

Join Date:
Jun 2006
Posts:
786
Plugin Contributions:
0

Re: Grid Style Layout - Products not evenly distributed?

Glenn,

Thanks so much, that really helped! Just one more minor adjustment needed. How can I forced an extra space between each product in the stylesheet? Right now the product description goes right up against it's neighbor, sometimes connecting the decsriptions together.

Keivn
https://www.cvtreasures.com

4 Apr 2008, 4:14 AM
#6
kevinmc3 avatar

kevinmc3

Totally Zenned

Join Date:
Jun 2006
Posts:
786
Plugin Contributions:
0

Re: Grid Style Layout - Products not evenly distributed?

Well, I'm not making it up, here you go:
Zen Cart 1.3.7.1
Database Patch Level: 1.3.7
v1.3.6 [2007-10-24 21:41:31] (Version Update 1.3.5->1.3.6)
v1.3.5 [2007-10-24 21:41:31] (Version Update 1.3.0.2->1.3.5)
v1.3.0.2 [2007-10-24 21:41:30] (Version Update 1.3.0.1->1.3.0.2)
v1.3.0.1 [2007-10-24 21:41:30] (Version Update 1.3.0->1.3.0.1)
v1.3.0 [2007-10-24 21:41:30] (Version Update 1.2.7->1.3.0)
v1.2.7 [2006-02-19 13:40:22] (Fresh Installation)

4 Apr 2008, 4:44 AM
#7
gjh42 avatar

gjh42

Black Belt

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

Re: Grid Style Layout - Products not evenly distributed?

That's weird... it would take a lot of work to make an installation hang onto a v1.2.5 template structure. Mine was first installed a few weeks before your site's stylesheet was dated:
v1.2.4 [2005-04-10 18:24:57] (Fresh Installation)
so your stylesheet is from v1.2.5.

There's really no telling how your site will fare on PHP5, since template files do use PHP and some parts may have old code to generate the old style output.

4 Apr 2008, 4:47 AM
#8
kevinmc3 avatar

kevinmc3

Totally Zenned

Join Date:
Jun 2006
Posts:
786
Plugin Contributions:
0

Re: Grid Style Layout - Products not evenly distributed?

My hosting company moved it t PHP5 in December

4 Apr 2008, 5:01 AM
#9
gjh42 avatar

gjh42

Black Belt

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

Re: Grid Style Layout - Products not evenly distributed?

OK, then I guess you're safe there.

For the spacing, again your stylesheet is not equipped to handle the v1.3.7-compatible Column Grid element tags. Add to your stylesheet:

.centerBoxContentsProducts {text-align: center;}
#productListing .itemTitle {padding: 0 0.3em;}

And if anything else looks out of place or awkward, the first thing to do would be to see if the id/class that controls it is mentioned in the stylesheet.

4 Apr 2008, 5:01 AM
#10
kevinmc3 avatar

kevinmc3

Totally Zenned

Join Date:
Jun 2006
Posts:
786
Plugin Contributions:
0

Re: Grid Style Layout - Products not evenly distributed?

I've submitted a job request to help me upgrade to .8a so hopefully they will help be clean up my mess...

4 Apr 2008, 5:10 AM
#11
kevinmc3 avatar

kevinmc3

Totally Zenned

Join Date:
Jun 2006
Posts:
786
Plugin Contributions:
0

Re: Grid Style Layout - Products not evenly distributed?

gjh42:

OK, then I guess you're safe there.

For the spacing, again your stylesheet is not equipped to handle the v1.3.7-compatible Column Grid element tags. Add to your stylesheet:

.centerBoxContentsProducts {text-align: center;}
#productListing .itemTitle {padding: 0 0.3em;}

And if anything else looks out of place or awkward, the first thing to do would be to see if the id/class that controls it is mentioned in the stylesheet.

Perfect!! Thanks 1,00,000 for your patience and help!
Kevin

4 Apr 2008, 5:18 AM
#12
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,176
Plugin Contributions:
0

Re: Grid Style Layout - Products not evenly distributed?

K,
Take a look at the home page..
I see this near the breadcrumb location:

<!-- Start of
4 Apr 2008, 5:26 AM
#13
kevinmc3 avatar

kevinmc3

Totally Zenned

Join Date:
Jun 2006
Posts:
786
Plugin Contributions:
0

Re: Grid Style Layout - Products not evenly distributed?

on my home page? I don't see it?

K
https://www.cvtresures.com

4 Apr 2008, 5:30 AM
#14
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,176
Plugin Contributions:
0

Re: Grid Style Layout - Products not evenly distributed?

kevinmc3:

on my home page? I don't see it?

K
www.cvtresures.com

http://www.cvtreasures.com/

Right above Autographs

  1. <!-- Start of
4 Apr 2008, 5:33 AM
#15
kevinmc3 avatar

kevinmc3

Totally Zenned

Join Date:
Jun 2006
Posts:
786
Plugin Contributions:
0

Re: Grid Style Layout - Products not evenly distributed?

I'm not seeing it. I am using IE 6

4 Apr 2008, 5:35 AM
#16
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,176
Plugin Contributions:
0

Re: Grid Style Layout - Products not evenly distributed?

kevinmc3:

I'm not seeing it. I am using IE 6

Noticeable in Firefox

4 Apr 2008, 5:37 AM
#17
kevinmc3 avatar

kevinmc3

Totally Zenned

Join Date:
Jun 2006
Posts:
786
Plugin Contributions:
0

Re: Grid Style Layout - Products not evenly distributed?

I'll check on my laptop w/Firefox tomorrow, thnx