Custom Product Listing Layout

[punges24]

I am trying to add titles to the fields on the product listing page.

http://economyleasinginc.com/economy...=index&cPath=1

I would like to make it say Manufacture and that sort of titles.

Does anyone know what file I would need to edit to do this?

Thank You

[rbarbour]

looks like you are using columns, ZC does not show product listing row header when column layout is chosen.

You could change to rows
ADMIN > CONFIGURATION > PRODUCT LISTING
change:
Product Listing - Layout Style to rows

you can also change the layout so you can sort by manufacturer in the same section by setting the sort order

hope this helps!

[punges24]

I know about rows. I want to know if in columns there is anty way to do it like for each box it would say the titles like it does on the individual product page.

[rbarbour]

Here is an example of what you need to do. Involves allot of custom coding.

Step 1
copy your:
/includes/languages/english/product_info.php

to:
/includes/languages/english/extra_definitions

Step 2
rename the copied product_info.php to product_listing.php


Step 3 (using the manufacturer as example here)
in that file you will see:

define('TEXT_PRODUCT_MANUFACTURER', 'Manufactured by: ');

Step 4
now open this file:
/includes/modules/CUSTOM_TEMPLATE/product_listing.php

find:

case 'PRODUCT_LIST_MANUFACTURER':
        $lc_align = '';
        $lc_text = '<a href="' . zen_href_link(FILENAME_DEFAULT, 'manufacturers_id=' . $listing->fields['manufacturers_id']) . '">' . $listing->fields['manufacturers_name'] . '</a>';
        break;

change to:

case 'PRODUCT_LIST_MANUFACTURER':
        $lc_align = '';
        $lc_text = TEXT_PRODUCT_MANUFACTURER . '<a href="' . zen_href_link(FILENAME_DEFAULT, 'manufacturers_id=' . $listing->fields['manufacturers_id']) . '">' . $listing->fields['manufacturers_name'] . '</a>';
        break;

That should put Manufactured by:

in front of the Manufacturers name on your product listing page when using columns layout.

BACK UP, BACK UP before you do anything, worked for me, this is just an example

[punges24]

Thank You So Much!

This was so helpful!

Now I just have to figure out how to remove that annoying line that is being shown by the price.

[rbarbour]

in your stylesheet_flexible_product_listing.css file

locate:
.listingButtonGroup {float: right; width:50%; border-left: 1px solid #999999;} /*demo setup*/

change to:
.listingButtonGroup {float: right; width:50%; border-left: 0px solid #999999;} /*demo setup*/


hope this helps!

[punges24]

I did this but it does not seem to be working. Do I need to changes something else also?

[rbarbour]

in your stylesheet_flexible_product_listing.css file

locate:
.listingButtonGroup {float: right; width:50%; border-left: 1px solid #999999;} /*demo setup*/

change to:
.listingButtonGroup {float: right; width:50%; border-left: 0px solid #999999;} /*demo setup*/


hope this helps!

I just did it again and it removes the left border

double check that you are in the correct .css file and border-left = 0px shown above in red

you may have to clear your cache cause I don't see it anymore

[punges24]

Thanks, It worked!

Must have been some kind of delay in the site reading it.

You have been such a huge help!

Do you know how I can lower the picture down to be more center next to the txt?

Thank You

[rbarbour]

I can only suggest that you change

this:
.listingProductImage {}

to this:
.listingProductImage {width:160px;padding-top:25%;}

I do not see any other way without changing layout, sorry