I have two v3 sites running, plus a dev site, and all have the following issue. Settings on the dev site were exaggerated a bit for emphasis.
Basic product images are not keeping their aspect ratios under certain conditions.
To see, go to the dev site at [link removed].
I changed the images from a new X-Cart installation to be round footballs (soccer balls) to emphasize aspect ratio.
On the homepage, thumbnail images are sized as they should be. Ignore that some say jpg, gif, or png, as I was also testing to see if image format came into play. It does not.
Image sizes in X-Cart admin are set to be 450px max width, 800px max height. The uploaded images are 600px square. The reBOOT image box for the area seems to be about 340px. These are the dev site exaggerated settings. So my working sites don't look so distorted, I changed the max image width to be 340px.
For a basic product (Anna Karenina), the image is stretched vertically. If the image was entered as a detail image or a variant image, there is no stretching, and the image is resized properly. If I switch the template to be the X-Cart Ideal Responsive template, there is no stretching in any instance.
Basic product:
http://www.zzzzap.com/images/test/test-basic-product.sm.jpg
Changing to X-Cart template and refreshing:
http://www.zzzzap.com/images/test/test-xcart-template.jpg
Detail images (and variant images), show normally:
http://www.zzzzap.com/images/test/test-detail-image.sm.jpg
Is there a fix for this?
I would also like to switch the widths of the image container and the Detail/Options container so that the image is larger on a desktop monitor. Or at least make them the same width. Is there a easy way to do that? With the options we use there is too much blank space on the right.
Thanks.
EDIT Sept 26, 2014: removed link to test site after issue solved.