change catalog image size

I want to change the size of images in my catalog. I created a catagory and added products to it with images also. The images are not the size I want,

so with firebug I inspect the element and find <img class="listingProductImage" width="60" height="80" title="
I now go to CSS because listingProductImage is a class but it is not here.

so now I go to Developer Toolkit to search listingProductImage and find the file /public_html/catalog/includes/modules/product_listing.php but nowhere to change the image size.

Please where do I find to change the image size?

thank you
Ivanna

Ivanna:

I want to change the size of images in my catalog. I created a catagory and added products to it with images also. The images are not the size I want,

so with firebug I inspect the element and find <img class="listingProductImage" width="60" height="80" title="
I now go to CSS because listingProductImage is a class but it is not here.

so now I go to Developer Toolkit to search listingProductImage and find the file /public_html/catalog/includes/modules/product_listing.php but nowhere to change the image size.

Please where do I find to change the image size?

thank you
Ivanna

admin -> configuration -> images

Thank you clydejones but I still have confusion.

The element is class="listingProductImage" width="60" height="80" but I am not sure to which this refers because there are no image pairs for those sizes.

All Image - Product Listings are 100 width and 80 height

thank you
Ivanna

Now I have more confusion. :frusty:
I now create another category with only one product and also an image. This time the image is bigger <img width="112" height="120" but I do nothing different to either category or product. So why are images different from one category and another?

**Now I get round the problem but I do not know if I perhaps mess up something else. **
The class already exist but is not define in CSS, so I define the class into CSS and give the image a size. It works, but was it the correct thing to do. Would a programmer do this? :unsure:

thank you
Ivanna

What TEMPLATE are you using...

It is not customary to set Product Image Dimensions in the stylesheet.

If you have settings in your stylesheet that control product image sizes, it suggests you are using a very modified template.

A link to your site would help

Hi Schoolboy,
my template is barebones
I did not think doing it in css was correct, therefore my question.
the modification is by me, not anyone else so if it is wrong, it is my fault.

I want to change the size of the image but cannot find the correct place, therefore i write this thread.

I can easily chnge things back because every thing is documented.

This is my first project with PHP and I need it to be right.
the link is http://74.52.100.200/~wildorch/catalog/

Also please note the difference of pages with products. I dont understand this.

thank you
Ivanna

Ivanna,
It looks like you've altered the php files. This interferes with admin panel - like Configuration/Images noted above.

The source for

<img src="images/../images/Calanthe_discolor.jpg" alt="Calanthe discolor" title=" Calanthe discolor " width="60" height="80" 

does not display as such. I see 150x150 in firebug "computed" tab.

The actual size is 300x400 which means it is distorted - aspect ratio.

I would start by backing out some changes.

meshgraphics, thank you for looking at me.
Yes I change the size in admin -> configuration -> images
The source for Code: it is this I do not know where to change
150 x 150 is the numbers I set in admin -> configuration -> images
I know I linked to the wrong image. Full size instead of thumbnail

I will back out of the changes as you suggest but I still need to know where I must change the image size.

thank you
Ivanna