Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Column Layout Grid for Product Listing does not work

Column Layout Grid for Product Listing does not work

Locked

Views: 2,053

Results 1 to 10 of 10
This thread is locked. New replies are disabled.
28 Jan 2009, 10:38 PM
#1
sandra_r avatar

sandra_r

New Zenner

Join Date:
Jan 2009
Posts:
6
Plugin Contributions:
0

Column Layout Grid for Product Listing does not work

Hello,

Please help! I've followed the instructions that come with this add on and have read the posts, but nothing!

My files are in the correct directory and they worked initially and then all of sudden, my products show in only one long column, NOT row. Also, the settings in admin are set to layout columns and the specified columns are 3.

Any help on this would be much appreciated!

Thanks,

Sandra:smile:

28 Jan 2009, 11:04 PM
#2
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: Column Layout Grid for Product Listing does not work

Installed properly it works and it sounds like it did for you at first too. Knowing what has changed is impossible without seeing the site, but if I had to hazard a guess, I'd say your removed a key float style from the stylesheet.

29 Jan 2009, 8:12 AM
#3
dmfelder avatar

dmfelder

Zen Follower

Join Date:
Nov 2006
Posts:
102
Plugin Contributions:
0

Re: Column Layout Grid for Product Listing does not work

Agreed.

Take a look at the common/tpl_columnar_display.php file...and anything else that you may have changed.

It's probably either

  1. A stylesheet.css issue or

  2. You somehow messed up some for/next clause.

If all else fails, reinstall it. It normally works great!

BTW, if it's a stylesheet issue, it's normally pretty easy to diagnose. Just look at the source code of the page that's messed up, then look at the classes and IDs. From there, it's pretty straight forward.

Good luck!

29 Jan 2009, 10:45 PM
#4
sandra_r avatar

sandra_r

New Zenner

Join Date:
Jan 2009
Posts:
6
Plugin Contributions:
0

Re: Column Layout Grid for Product Listing does not work

Thanks so much for the tips. I've been trying to figure this out, but I can't seem to get anywhere. I looked at other websites that have the working grid and I noticed that my code is the same here:

<div style="width: 32.5%;" class="centerBoxContentsProducts centeredContent back">

But I don't have any styles specified for class centerBoxContentsProducts, which I thought would be contributing to the problem. Also, in using firebug on a working grid site, i noticed that the .back floats to the left and removing that float results in in the problem I'm having -- one long column. That's where I'm at this point. Any suggestions?

Here's a link to one of the product listing pages:

http://webdev.modernicaprops.net/zencart/index.php?main_page=index&cPath=62_93_94_97

Thanks again,

Sandra

29 Jan 2009, 10:52 PM
#5
sandra_r avatar

sandra_r

New Zenner

Join Date:
Jan 2009
Posts:
6
Plugin Contributions:
0

Re: Column Layout Grid for Product Listing does not work

OMG, it's working, I don't even know how it happened!

Thanks,

Sandra

30 Jan 2009, 7:18 AM
#6
dmfelder avatar

dmfelder

Zen Follower

Join Date:
Nov 2006
Posts:
102
Plugin Contributions:
0

Re: Column Layout Grid for Product Listing does not work

LOL! Congrats.

It probably had to do with the stylesheet then. The "back" is what makes the layout work. Remove it, and it goes line-to-line-to-line. I remember seeing that myself once.

Another tip...if you're tired of working with "back" and vertical alignment always seems messed up, remember to use

<br class="clearBoth" />

instead of

<br>

It will save you some frustration, as the first one does a full break to the next line rather than a partial break. It's hard to describe, but you'll see the difference if you experiment with it in conjunction with floats.

Keep on chuggin!

6 Feb 2009, 11:27 PM
#7
thedonutlounge avatar

thedonutlounge

New Zenner

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

Re: Column Layout Grid for Product Listing does not work

Does anyone know which tables the sql patch modifies? I installed it, it works fine on my product listing page... however, I'm not sure why, but now my category images/links on my Index Categories pages are not showing. I'd like to remove this add-on, but seems like the change that's messing w/ my categories pages is in the database. Or, if anyone knows why the categories part would be messed up I'd rather fix that than remove the add-on.

This is supposed to display 1" Buttons sub-category, but doesn't...
http://thedonutlounge.com/zencart2009v2/index.php?main_page=index&cPath=11

When I directly go to the 1" Buttons page, I can see that the Column Grid add-on is working...
http://thedonutlounge.com/zencart2009v2/index.php?main_page=index&cPath=11_12

7 Feb 2009, 12:42 AM
#8
thedonutlounge avatar

thedonutlounge

New Zenner

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

Re: Column Layout Grid for Product Listing does not work

Nevermind :] I just removed the add-on.

8 Feb 2009, 2:41 AM
#9
shughey avatar

shughey

New Zenner

Join Date:
Feb 2009
Posts:
27
Plugin Contributions:
0

Re: Column Layout Grid for Product Listing does not work

sandra_r:

OMG, it's working, I don't even know how it happened!

Thanks,

Sandra

Sandra,

How did you get the images to have so much separation between them? Mine are sitting on top of the row below, not overlapping, just no space between rows.

Thanks,
Sam Hughey

8 Feb 2009, 3:04 AM
#10
shughey avatar

shughey

New Zenner

Join Date:
Feb 2009
Posts:
27
Plugin Contributions:
0

Re: Column Layout Grid for Product Listing does not work

shughey:

Sandra,

How did you get the images to have so much separation between them? Mine are sitting on top of the row below, not overlapping, just no space between rows.

Thanks,
Sam Hughey

Disregard, I looked at the common/tpl_columnar_display.php file and added two more <br class="clearBoth" /> and it works fine. Now, if I can just figure out what to do about the distorted images on the product list page.

Thanks,
Sam Hughey