image dimensions

I have vertical and horizontal images -same dimensions-, that need to be displayed the same size. My problem is when you go to the window, where you can add the image/product to the cart, the horizontal image only displays so wide while the vertical image displays much bigger in over all size. What would be easiest; being able to bring image down and start displaying under the quantity/cart button or can I limit the length displayed, or do you have other ideas. Also where would I change? Thanks in advance for the help.

on the webassist/plugins/shopping_cart/details.php page, the following code block controls the product image size:

<?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" />

you can change the width by editing the $imgWidth variable, or you can add a $imgHeight variable to set the maximum height being used to make the images more uniform.

Thanks ever so much Jason, for the assist in making my website look better!

Hi Jason:
I changed the code to change the product size...Here is the code you gave me with the changes I made to the product image size.

<?php
$imgWidth = 400;
$imgHeight = 400;
$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" />

You told me to find this in the webassist/plugins/shopping_cart/details.php page.
I found it in on the webassist/plugins/shopping_cart/products_lookup.php page, as there was no details.php.

The changes have no effect,could that be the problem??? I don't have a detail.php page, or did I miss something else?

what version of power store?

the webassist/plugins/shopping_cart/products_lookup.php page is only used when you have product options and select a different option.

there must be a webassist/plugins/shopping_cart/details.php page, if not the product information would not display in the first place.

jason, found it inwebassist/plugins/catalog/details

Am using 4.5 right "out of the box".

Image size modifications seem to work, but "width" is still restrictive do to the "quantity /add to cart button"to the right. Am I able to display the image below the quantity/cart button?

send a link where i can see the problem.

Here is the link of one of the image pages.

products_detail.php?ProductID=46

My images are rectangulare in size. If I set a width and height for vertical is distorts the horizontal or crops it. Same thing if I set width and height for horizontal.

on the webassist/plugins/catalog/details.php page, edit:

<div class="productDetailWrapper">

            <div class="image">

                <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>

            </div>

            <div class="addToCart"><?php echo($WAAddToCart->Body); ?></div>

        </div>

to:

<div class="productDetailWrapper">

            

            <div class="addToCart"><?php echo($WAAddToCart->Body); ?></div>

<div class="image">

                <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>

            </div>        

</div>

then in the webassist/plugins/catalog/css/products_detail.css file, change the width of the .productDetailWrapper .addToCart selector:

.productDetailWrapper .addToCart {
width: 385px;
padding:0 0 12px;
background-image: url("../images/addtocart_bg.png");
background-position: bottom center;
background-repeat: no-repeat;
float:right;
}


to something like 696px

Thanks for all the help Jason