Product Listing to a completely different style

[Outlawlb]

Would it be possible to set up producting listings to look like this?
http://www.uniquesettings.com/catalo...12&StartPage=0

[Kim]

Columnar/grid listing mod in the downloads section

[sopretty]

Yes indeed.

You would need to add the Column Layout Grid for Product Listing
http://www.zen-cart.com/index.php?ma...products_id=77
and then, in your Admin, go to Configuration, Product Listing, Product Listing - Columns Per Row and set it to 4. To show 12 products per Product Listing page set Products Listing- Number Per Page to 12.

The thumbnails are just images, no text: http://www.uniquesettings.com/catalo...es/WB_1027.gif
so you would have to turn off everything but Configuration, Product Listing, Display Product Image. And your Small Image Width and Height are found in Configuration, Images.

To show just the Category Title, go to Configuration, Product Listing and turn off Include Product Listing Sub Categories Image and whatever else you don't want to see (like Include Product Listing Alpha Sorter Dropdown).

And so on and so forth. Hope that helps set you in the right direction.

[Outlawlb]

Yes this has helped very much.

I just have a few more questions:

I can not find: Number Per Page

I have these in product listing:
-------------------------------------------------------------------------
Display Product Image 1
Display Product Manufacturer Name 0 Info
Display Product Model 0 Info
Display Product Name 2 Info
Display Product Price/Add to Cart 3 Info
Display Product Quantity 0 Info
Display Product Weight 0 Info
Display Product Price/Add to Cart Column Width 125 Info
Display Category/Manufacturer Filter (0=off; 1=on) 1 Info
Prev/Next Split Page Navigation (1-top, 2-bottom, 3-both) 3 Info
Display Product Listing Default Sort Order Info
Display Product Add to Cart Button (0=off; 1=on; 2=on with Qty Box per Product) 1 Info
Display Multiple Products Qty Box Status and Set Button Location 3 Info
Display Product Description 0 Info
Product Listing Ascending Sort Order + Info
Product Listing - Layout Style columns Info
Product Listing Descending Sort Order - Info
Product Listing - Columns Per Row 4 Info
Include Product Listing Alpha Sorter Dropdown true Info
Include Product Listing Sub Categories Image true Info
Include Product Listing Top Categories Image true Info
Show SubCategories on Main Page while navigating
---------------------------------------------------------------------

But I also want to remove the Call for price from these listings without removing the call for price on the actual individual product page.

And I would also like to style the items and info to be boxed, where would I find that in the stylesheet?

My last question is about the popup you get when clicking on an item from Unique, how might I do that?

[sopretty]

I can not find: Number Per Page

Oh, sorry, that is in Configuration, Maximum Values.

But I also want to remove the Call for price from these listings without removing the call for price on the actual individual product page.

I'm not sure on this one... would that have to do with turning everything but Configuration, Product Listing, Display Product Image? Display Product Price/Add to Cart for instance?

And I would also like to style the items and info to be boxed, where would I find that in the stylesheet?

Not sure what you are asking...

My last question is about the popup you get when clicking on an item from Unique, how might I do that?

Well, that pop-up is like a product info page in Zen - sort of. You would probably have to add some javascript to your tpl_modules_product_listing.php page that told the browser to open product info pages in a new, smaller window. You would also have to modify the product info pages to not show any of your navigation, header, footer, etc. I imagine it could be done but I have absolutely no idea where you would even start with that... I wouldn't bother, way too much effort for something that really adds no value to the navigation of your site.

[sopretty]

Oh, and your number of columns per row (Configuration, Product Listing, Product Listing - Columns Per Row) has to divide equally into your number per page (Configuration, Maximum Values, Products Listing- Number Per Page).

So, if you want 4 small images per row, your number per page has to be 4 or 8 or 12 or 16, etc.

[vivaraquel]

Yes indeed.

You would need to add the Column Layout Grid for Product Listing
http://www.zen-cart.com/index.php?ma...products_id=77
and then, in your Admin, go to Configuration, Product Listing, Product Listing - Columns Per Row and set it to 4. To show 12 products per Product Listing page set Products Listing- Number Per Page to 12.

The thumbnails are just images, no text: http://www.uniquesettings.com/catalo...es/WB_1027.gif
so you would have to turn off everything but Configuration, Product Listing, Display Product Image. And your Small Image Width and Height are found in Configuration, Images.

To show just the Category Title, go to Configuration, Product Listing and turn off Include Product Listing Sub Categories Image and whatever else you don't want to see (like Include Product Listing Alpha Sorter Dropdown).

And so on and so forth. Hope that helps set you in the right direction.

I'd like to have 2 rows of products but I have no Product Listing - Columns Per Row anyware, not even in maximum values. Can someone give an exact location for chnaging this? I think I may go blind LOL

Thank you.

[sopretty]

Did you do the first part and follow the instructions that come with the contribution?

You would need to add the Column Layout Grid for Product Listing
http://www.zen-cart.com/index.php?ma...products_id=77

If you did, the Product Listing - Columns Per Row should be in your Maximum Values...

[vivaraquel]

I don't understnad what that is about. How do I add the Column Layout Grid for Product Listing?

thank you.

[sopretty]

Well, you would need to do a search for "Column Layout Grid for Product Listing" which would lead you to:
http://www.zen-cart.com/index.php?ma...products_id=77

You need to download the contribution and add it to your site with the instructions provided in the download. Once you have done that, the Product Listing - Columns Per Row will be in your Maximum Values.

You'll find all sorts of add ons for Zen in the downloads section of the site (click the downloads link at the top of this page).