I'm developing a website for an art gallery so all of their product images have different widths and heights depending on the art piece. I want the image to display at 630px wide every time but depending on the image, extend longer down the page than others. Currently, I know that I can adjust the $bigImageX and $bigImageY of the product images from the media.php file located in
/app/design/frontend/default/theme706/template/ecommerceteam/cloud-zoom/catalog/product/view
but this is only allowing me to set a specific width and height. If I set only the height, it shrinks so that the width is the same as the height.
<div class="product-img-box">
<script type="text/javascript" src="http://citizen.bluelotuscreative.com/skin/frontend/default/theme706/js/klass.min.js"></script>
<script type="text/javascript" src="http://citizen.bluelotuscreative.com/skin/frontend/default/theme706/js/code.photoswipe.jquery-3.0.5.js"></script>
<div class="product-box-customs">
<p class="product-image">
<img src="http://citizen.bluelotuscreative.com/media/catalog/product/cache/1/image/630x630/9df78eab33525d08d6e5fb8d27136e95/placeholder/default/Citizen_Atelier_-_Ashley_Woodson_Bailey_2__2.jpg" alt="Test Product" title="Test Product" /> </p>
</div>
</div>
$bigImageX = 630;
$bigImageY = ???;
<div class="product-box-customs">
<?php if ($product->getImage() != 'no_selection' && $product->getImage()): ?>
<p class="product-image">
<a href='<?php echo $this->helper('catalog/image')->init($product, 'image')->resize($bigImageWidth, $bigImageHeight);?>' class = 'cloud-zoom' id='zoom1' rel="<?php echo implode($config, ',');?>">
<img class="big" src="<?php echo $this->helper('catalog/image')->init($product, 'image')->resize($bigImageX, $bigImageY);?>" alt='' title="<?php echo $this->htmlEscape($this->getImageLabel());?>" />
</a>
</p>
<?php else: ?>
<p class="product-image">
<?php
$_img = '<img src="'.$this->helper('catalog/image')->init($product, 'image')->resize($bigImageX, $bigImageY).'" alt="'.$this->htmlEscape($this->getImageLabel()).'" title="'.$this->htmlEscape($this->getImageLabel()).'" />';
echo $outputHelper->productAttribute($product, $_img, 'image');
?>
</p>