Forums / General Questions / Change product listing format (more columns!)

Change product listing format (more columns!)

Views: 2,034

Results 1 to 15 of 15
16 May 2012, 2:32 AM
#1
sb12759 avatar

sb12759

New Zenner

Join Date:
Apr 2012
Posts:
13
Plugin Contributions:
0

Change product listing format (more columns!)

Just starting to build a website using zencart 1.5.
All the templates I see, show only one column for the product listings and however many rows that you designate in the admin settings. It doesn't seem to be a very efficient use of screen space!
Is there any admin setting that can be changed to give you more columns so that you would have maybe 3 or 4 columns across and maybe 5 rows, so that it is showing 15 or 20 items in your product listings??? (or even more) Many other shopping carts have this and I like it much better! I want to get as many products listed on one page, very clean, just the image, product name and the price.
Or is this all done in the actual code?
Any suggestions? If this has to be done with the code, has anybody else done this? any code examples. (I'm not a major coder)
I already know that you can designate the amount of product description text and image size etc...But Guess I'm really talking about the whole format of the product listings. Even putting image then product name below it and price below that, so stacking vertically instead of across the page horizontally!

Here is an example of what I'm talking about. http://www.moderndigsfurniture.com/modern-dining-tables.html

Thanks

Steve

16 May 2012, 2:39 AM
#2
haredo avatar

haredo

Totally Zenned

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

Re: Change product listing format (more columns!)

Take a look in the addons link ...

Search for column grid

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

16 May 2012, 4:46 AM
#3
sb12759 avatar

sb12759

New Zenner

Join Date:
Apr 2012
Posts:
13
Plugin Contributions:
0

Re: Change product listing format (more columns!)

Thanks!
OK, so I see the add-on "Column Layout Grid for Product Listing". Will this work fine on version 1.5?
Anybody using this? Anywhere to see it in action? Does it make it so that the product name and price (etc) is listed underneath the product image (vertically?)
Thanks again!

16 May 2012, 7:31 AM
#4
gjh42 avatar

gjh42

Black Belt

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

Re: Change product listing format (more columns!)

Yes, Column Grid works in v1.5. It didn't need any updating. Many thousands of sites use it, though I don't have any links available.

It will simply make a grid with as many products across as you specify, and the elements arranged vertically. You can set the element order in admin > Configuration > Product Listing.

16 May 2012, 12:38 PM
#6
haredo avatar

haredo

Totally Zenned

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

Re: Change product listing format (more columns!)

Site looks great now ...

Edit this:

resources/css/mdf.css

You might add this to the declaration p

text-align: justify;

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

16 May 2012, 8:19 PM
#7
sb12759 avatar

sb12759

New Zenner

Join Date:
Apr 2012
Posts:
13
Plugin Contributions:
0

Re: Change product listing format (more columns!)

I appreciate the replies!
So I just tried it. I have just a clean install of 1.5, and just wanted to try it out before I started doing anything else.
I'm just using the classic template (what it defaulted to) for testing purposes.
I put product_listing.php into the includes/modules/classic folder, then I put tpl_modules_product_listing.php into includes/templates/classic/templates folder. (I had to create a templates folder inside the classic folder) Then I copied the SQL commands and pasted them in the box in the install SQL patches area of the admin.
Neither "Layout Style" or "Columns per row" are showing up in the Admin -> Configuration -> Product Listing!
Thought I did everything right! Did I do something wrong?

Thanks!

17 May 2012, 10:09 AM
#8
stevesh avatar

stevesh

Black Belt

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

Re: Change product listing format (more columns!)

You must have. The admin options are added by the SQL patch, so I'd assume you didn't do that part right.

17 May 2012, 6:37 PM
#9
sb12759 avatar

sb12759

New Zenner

Join Date:
Apr 2012
Posts:
13
Plugin Contributions:
0

Re: Change product listing format (more columns!)

When I did the SQL patch, it did say 'success' but when I looked at the admin-config-prod listing area, 'layout style' and 'columns per row' was not added.
So just now I tried to run the SQL patch again and I get "WARNING: An Error occurred, please refresh the page and try again." I tried both pasting in the commands and running the file. Same error.
Any ideas on what I should do now? I really want to use this grid view feature, so I need to check it out!
Thanks for your help!

22 May 2012, 3:12 AM
#10
sb12759 avatar

sb12759

New Zenner

Join Date:
Apr 2012
Posts:
13
Plugin Contributions:
0

Re: Change product listing format (more columns!)

Could someone who is familiar with this please help me out? Really hoping to get a reply to previous post!

Thanks!

22 May 2012, 7:22 AM
#11
gjh42 avatar

gjh42

Black Belt

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

Re: Change product listing format (more columns!)

There's really not much we can say without being in your admin & database. Your descriptions sound like you have done it right, but obviously either you made some unknown error or there is something about your site/server/whatever that is making it not work.

30 May 2012, 7:32 AM
#12
la_femmefatale avatar

la_femmefatale

New Zenner

Join Date:
Feb 2009
Location:
Vegas
Posts:
16
Plugin Contributions:
0

Re: Change product listing format (more columns!)

I've managed to install this - got the Layout Style and Columns Per Row options - but with it set to columns, regardless of the # in Columns Per Row, it's still a single column. I'd like the products in each category in a 3 x 3 grid, like the New Products layout. How do I change this?

My site is https://www.classy-trashy.com and I just installed 1.5.0

Oh, and changing to the classic template does nothing other than move the product name and price off to the right, which I don't want.

30 May 2012, 1:16 PM
#13
gjh42 avatar

gjh42

Black Belt

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

Re: Change product listing format (more columns!)

It appears you didn't install all of the files correctly. You are getting the output that is correct for column layout, but displayed with the stock rows formatting.

Check /includes/templates/ct_mine/templates/tpl_modules_product_listing.php, and /includes/modules/ct_mine/product_listing.php

30 May 2012, 5:51 PM
#14
la_femmefatale avatar

la_femmefatale

New Zenner

Join Date:
Feb 2009
Location:
Vegas
Posts:
16
Plugin Contributions:
0

Re: Change product listing format (more columns!)

Ah, there is also a product_listing.php.bak file that installation instructions were not included for. Added this to the modules directory, and now it works!!

Have to tinker with it now to see how to do 3 rows of 4 across....

30 May 2012, 10:06 PM
#15
gjh42 avatar

gjh42

Black Belt

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

Re: Change product listing format (more columns!)

product_listing.php.bak will do absolutely nothing as long as it is named like that. I'm not sure what it is, but my guess would be that it is a backup copy of the stock file. Any file with a .bak extension is definitely not meant to be installed to make the mod work as ordinarily designed.

You should not try to edit any version of product_listing.php or tpl_modules_product_listing.php to set rows and columns; that is what the admin settings are intended for. (There is no setting for "number of rows" as such, but you can set the number of products per page as a multiple of the number per row to get an even grid.)