which tpl file?

[creff]

im looking at the subcategory list of products. I want ot move the name of the product up to just below the product image. Which tpl file do I make the change to?

Is there some place I can match up all the tpl files to the correct locations they affect? A quick reference so to speak?

[gjh42]

If you want to move the name "up" to just below the image in the product listing, you must be using a custom template or the Column Grid mod, as the standard layout has them side by side. We can give a better answer if we can see your site live - it may be a stylesheet issue rather than a PHP issue, or possibly an admin setting issue.
If it does require a PHP file edit, you would want /includes/modules/your_template/product_listing.php.

[creff]

Site is not yet live but can be seen at:

http://216.185.196.188/

and the vew Im talking about s any subcategory with products such as:

http://216.185.196.188/index.php?mai...&cPath=286_287

Yes, you are right I am using the grid layout, almost forgot I installed that...

Thanks.

[gjh42]

You can adjust the spacing by adding this to the bottom of your stylesheet:

.centerBoxContentsProducts a {display: block;}
.centerBoxContentsProducts br+br {display: none;}
.centerBoxContentsProducts h3 {margin: -0.3em 0.5em 2.5em;}

The original spacing is caused by using <br /> as layout devices, and you could edit /includes/modules/your_template/product_listing.php to remove some of those. You would still need some styling to fine-tune the spacing.

For complete control over the product listing layout, you could install Flexible Product Listing (post 50 in the forum thread linked), which gives classes to every element.

[creff]

I did install it. Sorry for my obtuseness, now I seem to have a small vertical seperator between what looks like two column. Left column has the price, slightly higher than the description and on the right column is the More info.... I dont think I want the seperator in here.

Here is what I would like, can you lead me in the right direction where to make this happen?

-Image
-Description and I want to tighten the width of the description.
-Price
-More info (I actually want to put an image there that will say "more".)

Thanks for your time.

-Chris

[gjh42]

stylesheet_flexible_product_listing.css has demo styling set by default. Just delete any properties you don't want.

th.listingModel {}/*heading elements can be individually controlled like this*/
.productListing-rowheading th {} /*control all heading elements with this*/
.productListing-even td, .productListing-odd td {} /*control all listing elements with this*/
.listingModel {}
.listingName {}
h3.itemTitle {}
.listingDescription {margin: 0.5em 1em 1.5em;}
.listingManufacturer {}
.listingPrice {float: left;} /*demo setup*/
.listingButtonGroup {float: right; width:50%; border-left: 1px solid #999999;} /*demo setup*/
.listingQuantity {text-align: right;}
.listingWeight {text-align: right;}
.listingImage {text-align: center;}
.listingProductImage {}

[gjh42]

Sorry, what you call the description is actually the title.

h3.itemTitle {margin: 0.5em 1em 1.5em;}

To change the order, edit the settings in Configuration > Product Listing.

[creff]

Glen:

Im learning things here, really. But now I have the price being out of alignment across the table. Not sure why.

And, can I put an "Add to Cart" button below each image?

Thanks.

[creff]

Sorry, I wanted to edit the last post here but time expired. This is a better description of what I wanted to pose to you:

Glen:

Im learning things here, really. But now I have the price being out of alignment across the table. Not sure why.

**** I figured this one out***** And, can I put an "Add to Cart" button below the price? Right now I see "... more info".

Im thinking the reason things are out of alignment is because the title on some products spans a line or two more than some other products. The next item down is now similarly a line or two out of whack vertically from the others.

What I would like to do is set the title space to, say four lines, and then have the price follow after that on the 5th line. If the title fo the product has only one, two or three lines, I want white space below it down to where the price would be after the four lines. Im tweaking just how many lines I really want in that title but I see the dynamic nature of the table is what I want to eliminate.

Thanks.

[gjh42]

h3.itemTitle {height: 3.0em; margin: 0.5em 1em 1.5em;}

Adjust to taste.