Hello,
After updating Joomla from version 4.4.8 to 4.4.9 and VirtueMart from version 4.2.4 to 4.2.18, I have encountered an issue related to the image resolutions for product images. Specifically, the images displayed in categories and the VirtueMart Products module are now distorted, appearing stretched vertically. For example, a product thumbnail that should display as 300x300px is being shown as 300x800px.
I have not noticed any changes in the files located in templates/ja_autoshop. However, while inspecting the issue using the browser's Inspect tool, I found the "rendered size" values to be incorrect. I was able to temporarily fix this by editing the CSS file located at /templates/ja_autoshop/css/themes/blue/extras/com_virtuemart.css, where I changed the max-height from none to specific pixel values. Below is the CSS code I adjusted:
.browseProductImage,
.vmproduct-image img {
padding: 25px;
max-height: 60px; /* changed */
max-width: 100%;
}
div.productdetails-view .vm-product-container .vm-product-media-container .main-image img {
max-height: 230px; /* changed */
max-width: 100%;
}
While this is a temporary solution, I believe the root cause of the issue might be elsewhere.
Additionally, Joomla has notified me about file overrides in the following locations:
/html/mod_virtuemart_product/default.php
/html/com_virtuemart/productdetails/default.php
However, after comparing these files with my backup, I did not find any differences.
Could you please advise on where the issue might originate and suggest a more permanent solution?
Thank you in advance for your assistance.
