Product listing...

Hi there, I would like my product listing to display like the listing in the "new/all products" section. I like the clarity of how the products are displayed on these pages, however, in the acutal product listing within my categories, i dont!

here is an example of what i like http://d1drift.biz/zencart/zen-cart/index.php?main_page=products_new

and here is an example of what i dont like but have! http://d1drift.biz/zencart/zen-cart/index.php?main_page=index&cPath=1_3

now the reason it looks a little cluttered, is i've turned the max description to 400 in hope that it would add a gap between the images (silly i know!!)

can anyone help me on this please as the site is in its last stages, and would like to get it completed!! :clap:

many thanks
Jas :smile:

I want to do the exact same thing...is it possible?

New, All, Featured, and product listing all have different layouts - you would have to custom code this using the layout code you prefer from those files

kobra:

New, All, Featured, and product listing all have different layouts - you would have to custom code this using the layout code you prefer from those files

How would i go about doing this Kobra? and what files would i have to re-code? unfortunatley my programming skills are still in the very early stages, so would there be any examples i could use as a guideline?

Unfortunately no examples or guides if there is not another thread around this...

As I looked quickly, there are 2 files each for this;

new listing:
tpl_modules_products_new_listing.php
tpl_products_new_default.php

product display:
tpl_modules_product_listing.php
tpl_tabular_display.php

These call on different sets of products and this has to stay the same and it is only the layout/display code that needs moving....

If you try this - make sure you only edit copies - retain the originals

Thanks for that, I will have a look. So far, i've just edited the stylesheet and added a horizontal line and space at the end of each poduct. this has made a considerable difference in the asthetics of the layout!! hopefully by editing the tpl files i will be able to get what i'm looking for!!

once again Kobra, thanks for the advice! this forum is totally awesome my knowledge is growing day by day!! :D

lbowenc:

I want to do the exact same thing...is it possible?

Ibowenc, I just added this code at the very end of my "stylesheet.css" file. located in /includes/templates/YOUR_TEMPLATE/css/

.productListing-odd td, .productListing-even td {
text-align: left;
vertical-align: top;
padding:1.5em;
margin-bottom: 5em;
border-bottom: 1px double #cccccc;
}

this has added a HR and space to the end of each product! which gives the "product listing" more of a "new products" layout! for total control of the layout like Kobra has said, you need to edit certain tpl files. hope this is of some help :)