Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / styling product listing pages with column layout grid

styling product listing pages with column layout grid

Views: 50,582

Results 1 to 20 of 220
9 Jun 2008, 2:53 PM
#1
dan_lacey avatar

dan_lacey

New Zenner

Join Date:
Apr 2008
Posts:
15
Plugin Contributions:
0

styling product listing pages with column layout grid

Hi all,

hope you can help - Im using Zen cart V. 1.38 with the column layout / grid layout mod (for 1.3.8). I know you guys appreciate page shots / links, but unfortunately, the site is currently locked down.

Basically, with the 3 column layout grid installed on the product listing pages, the product 'title', 'price' and 'more info' attributes appear centred beneath one another, with an awful lot of space around each one. Basically, what I would like to do is produce a product layout where these three attributes are displayed in a containing DIV, with the product title and price next to each other and the more info button floating right.

I could astyle this DIV using css, no problem. What I'm unable to do is locate in product_listing.php where I can insert this wrapping DIV in the PHP code... I dont know enough PHP to do this. I would also need to add a class to the 'price' attribute also.

Can anyone please help? Im sure there must be plenty of you out there who have needed something similar!

With thanks,

Dan.

7 Jul 2008, 4:30 PM
#2
zek avatar

zek

New Zenner

Join Date:
Jun 2007
Posts:
19
Plugin Contributions:
0

Re: styling product listing pages with column layout grid

having the same problem too .. I have a huge gap in between prices. I have had a rumage around in tpl_columnar_display etc with no luck

7 Jul 2008, 5:06 PM
#3
gjh42 avatar

gjh42

Black Belt

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

Re: styling product listing pages with column layout grid

This may be a good place to post my new mod, Flexible Product Listing (currently identified as v0.9 since I haven't been able to test it live on my (v1.3.7) test site.)

It includes two flavors, the full flex which incorporates the option of Column Grid and can reposition elements of the listing in just about any way imaginable, and the CSS-only which just adds classes to the standard layout for styling control.

The readme with instructions is not complete, so ask for any directions you need if you try it. It is written for Zen Cart v1.3.8, and will not run correctly on earlier versions (due to changes in product_listing.php).

Please let me know how it works, and thanks for testing!

7 Jul 2008, 8:57 PM
#4
zek avatar

zek

New Zenner

Join Date:
Jun 2007
Posts:
19
Plugin Contributions:
0

Re: styling product listing pages with column layout grid

Thanks this sounds like just what I need - I tried it on my test 1.37 site and just got a blank screen so I am going to use this opportunity to upgrade to 1.38 and then check it out.

8 Jul 2008, 2:13 PM
#5
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: styling product listing pages with column layout grid

Does the Column Layout Grid mod need to be installed, or does this include that function? Reason I ask is that I don't see the SQL statement in this mod. Do we run the SQL from the Column Grid mod?

8 Jul 2008, 3:39 PM
#6
gjh42 avatar

gjh42

Black Belt

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

Re: styling product listing pages with column layout grid

Ah, good point. I just zipped up the files yesterday after some months of not working on it, so I forgot that the SQL file should have been included in the package.

I have redone the zip to include the SQL file and the original Column Grid instructions.

8 Jul 2008, 5:53 PM
#7
minshop_no avatar

minshop_no

New Zenner

Join Date:
May 2008
Posts:
56
Plugin Contributions:
0

Re: styling product listing pages with column layout grid

Is there a url to see this mod live?

8 Jul 2008, 5:54 PM
#8
gjh42 avatar

gjh42

Black Belt

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

Re: styling product listing pages with column layout grid

Not yet. If someone who installs it will post a link, that would be helpful.

12 Jul 2008, 11:30 AM
#9
yavanna avatar

yavanna

New Zenner

Join Date:
Jul 2008
Posts:
1
Plugin Contributions:
0

Re: styling product listing pages with column layout grid

I've just installed it and it's not working... :/ (Probably because I'm an idiot...)

http://kimscreations.com/zen/index.php?main_page=index&cPath=3_30

(That's the only page I have so far.) I've set it to show 3 columns in the Admin -> Product Listing page, but it's only showing 1. Did I have to edit something in the actual coding as well?

And see the lines of text underneath "Displaying 1 to 4"... How do I get rid of those? I hate deleting parts of the code without asking, just in case I delete the wrong thing.

While I'm here... You don't happen to know how to get rid of the line under the "Buy Now" box that says Max: 1, do you?

Thanks!

12 Jul 2008, 3:14 PM
#10
gjh42 avatar

gjh42

Black Belt

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

Re: styling product listing pages with column layout grid

The Column Grid mod should be controllable in admin. Changing the individual product layout happens partly by editing code in product_listing.php and partly by styling the new classes in the stylesheet.
You are not getting any of the class tags that the Flex Listing code adds, so it doesn't seem as if the files are installed correctly. I have torun - will check in when I can.

12 Jul 2008, 3:30 PM
#11
charmedbytina2 avatar

charmedbytina2

Totally Zenned

Join Date:
Mar 2007
Location:
AZ
Posts:
1,890
Plugin Contributions:
0

Re: styling product listing pages with column layout grid

Glenn,
I just installed this mod and now get blank pages on the category listings pages.

Did I miss something? Also no change to the All Products, New Products listings layout.

http://www.redhattitudeandmore.com/

Tina

12 Jul 2008, 3:43 PM
#12
charmedbytina2 avatar

charmedbytina2

Totally Zenned

Join Date:
Mar 2007
Location:
AZ
Posts:
1,890
Plugin Contributions:
0

Re: styling product listing pages with column layout grid

If it helps, here is the error I get when I run the Debug Utility.

[12-Jul-2008 10:18:03] PHP Parse error: syntax error, unexpected T_ECHO in /home/zendummi/public_html/redhattitudeandmore.com/includes/modules/redhattitude/product_listing.php on line 74

13 Jul 2008, 5:35 AM
#13
gjh42 avatar

gjh42

Black Belt

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

Re: styling product listing pages with column layout grid

Thanks, Tina, that helps a lot. I don't remember exactly why I put that line in there (it may be a leftover from an early concept), but try commenting it out:

	$skip_name?echo '</div>':'';
```Wish I could install 1.3.8 on my home setup to test this myself. Maybe if I try it again it will work...

Maybe there needs to be a space between the ? and the echo - that's the only possible coding error I can see in that line.```php
	$skip_name? echo '</div>':'';
13 Jul 2008, 6:25 AM
#14
charmedbytina2 avatar

charmedbytina2

Totally Zenned

Join Date:
Mar 2007
Location:
AZ
Posts:
1,890
Plugin Contributions:
0

Re: styling product listing pages with column layout grid

Glenn,
Nope!
I tried it both ways - adding the space and commenting out the line.
Both result in blank page for category listings.

Tina

13 Jul 2008, 3:26 PM
#15
gjh42 avatar

gjh42

Black Belt

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

Re: styling product listing pages with column layout grid

OK, that line should definitely not be there, so just delete it. If that still causes a problem I'll have to look at it some more.

13 Jul 2008, 7:49 PM
#16
charmedbytina2 avatar

charmedbytina2

Totally Zenned

Join Date:
Mar 2007
Location:
AZ
Posts:
1,890
Plugin Contributions:
0

Re: styling product listing pages with column layout grid

gjh42:

OK, that line should definitely not be there, so just delete it. If that still causes a problem I'll have to look at it some more.

Still no joy - same issue, blank pages :no:

Tina

14 Jul 2008, 11:42 AM
#17
zek avatar

zek

New Zenner

Join Date:
Jun 2007
Posts:
19
Plugin Contributions:
0

Re: styling product listing pages with column layout grid

same here, both on 1.37 & 1.38 :lookaroun

15 Jul 2008, 4:04 AM
#18
gjh42 avatar

gjh42

Black Belt

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

Re: styling product listing pages with column layout grid

Sorry I haven't been able to do much on this - I'm in the middle of a construction project getting ready for our biggest show of the year in a couple of weeks. I'll try to sneak some time for this, but can't promise much concentrated attention until mid-August.

27 Sep 2008, 10:29 AM
#19
pazaz avatar

pazaz

New Zenner

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

Re: styling product listing pages with column layout grid

Flexible Product Listing

I just installed this and get the same blank page when I switch to Column layout.

Any feedback Glen?

27 Sep 2008, 9:28 PM
#20
gjh42 avatar

gjh42

Black Belt

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

Re: styling product listing pages with column layout grid

Sorry, I still haven't taken time to test and fix whatever is hanging up. I am in the process of upgrading my XAMPP installation, so hopefully I will be able to run v1.3.8a locally and debug this mod. I will post when there is something to report.

Just for interest, can you try the "css-only" version of the mod? It might be helpful to if that works when the full flex version doesn't.
It will only work on ZC v1.3.8 (or 1.3.8a) in any case.