Help with Image Size on Product_detail.php

Does anyone know how to resize the image on the product_detail.php page?

So far, i tried to edit the "$imgWidth = 300;"
on this page: webassist\plugins\catalog\details.php

Should there be a $imgHeight ? Changing the "300" width doesnt change anything.


Any suggestions? (See the snippet of code below)


************************************************************
<div class="imageWrapper">
<?php
$imgWidth = 300;
$imgSrc = "../../../" . ($WAGLOBAL_Images_Folder) . ((isset($row_WADAProducts['ProductImage']) && $row_WADAProducts['ProductImage'] != "default-product.png")?$row_WADAProducts['ProductImage']:$row_WADAProducts['ProductThumb']);
$imgSrc = abs2rel(rel2abs($imgSrc,dirname(__FILE__)),dirname($_SERVER['PHP_SELF']));
$WAResultsImage = new WA_Include('scripts/resize_image.php');
require($WAResultsImage->BaseName);
$WAResultsImage->Initialize(true);
?>
<img class="WADAResultThumb" border="0" src="<?php echo(abs2rel(rel2abs($WAResultsImage->Body,dirname($_SERVER['PHP_SELF'])),dirname(__FILE__))); ?>" id="ProductImage" />
</div>
****************************************************************

in the webassist/plugins/catalog/css/products_detail.css file, the image widht is constrained to 300px in the following style:
.productDetailWrapper .image img {
width: 300px;
}


you will need to edit the css as well as the code for the image size.

Thanks jason, ill give that a shot later and let u know how it goes. Thanks for the quick response....

Actually, since i need my image to have a height of 300px with a contrained proportional width, can i change the css file to use height at 300px instead of width? Would i change that to match the page code as well?

to constrain it by height,
change:
$imgWidth = 300;

to:
$imgHeight = 300;

and change the css:
.productDetailWrapper .image img {
width: 300px;
}

to:
.productDetailWrapper .image img {
height: 300px;
}

That worked perfectly, thank u jason!

You're welcome.

Hey Jason, I've come another issue related to this thread:

I am admin on a website that sells musical instruments. The images look fine on the product results page: products_results.php

But, some of them get squeezed when viewed on the product detail page like this:
products_detail.php?ProductID=40

Now, i figured everything would be fine since all my photos are uploaded with a 300px height. The changes i have made (with your fine help, earlier in this thread) should constrain by 300 height now. Why are some of these images getting squeezed? Any idea how i would fix this?

looks like your original image is 100 x 155. Make sure you're original images are larger than what will be displayed in the store.