Image Distortion on mobile Devices

-- url of the page with the problem -- : mbdesigns.co.uk
-- HikaShop version -- : 4.0.2
-- Joomla version -- : 3.9.2
-- PHP version -- : 7.2.13
-- Browser(s) name and version -- : Firefox 65.0, chrome, opera, Edge
-- Error-message(debug-mod must be tuned on) -- : No Error Messages

I have a problem with distorted images when viewing the website on mobile devices. When viewing a product and tapping a thumbnail, instead of changing the main image, an enlarged popup image is displayed. This image is distorted, in portrait mode the image is distorted in the vertical direction and conversely in landscape mode in the horizontal direction

Using firefox inspector I can see that the image ratio is generated by the system but I cannot identify the file responsible. This problem persists even when changing to the default joomla templates Beez and Protostar. I have also tried this on a new installation of joomla and hikashop, with no added modules or changes to any files with the same results.

I would like a single tap on a thumbnail to change the main image.
A double tap to enlarge the image and for the enlarged image to keep its aspect ratio in both portrait and landscape views.
Failing this I would like to disable the enlarged popup up for phones and tablets, but keep it for PC’s.

Hi Nicolas,

Have tried the various modes as suggested with the exception of Shadowbox (embedded) as I cannot find out how it is embedded. On JED the only extension called shadowbox, was updated 2015 and has links which give 404 errors.

Shadowbox (external) gives undistorted images, but its controls for the images on mobiles are so small and close together it is impossible to use accurately, which can lead to frustration. Also on mobile devices the popup is the only option as moving a finger across the thumbnails does not change the main image.

I had checked shadowbox previously and ruled it out as sometime the bottom of the image would off the bottom of the screen, would be unable to scroll the screen to get to the controls, so the back button at the top of the screen was the only way to leave the popup. Having checked this periodically during the day this problem would seem to no longer exist.

Will use the Shadowbox (embedded) for the time being, while I use JED to find a suitable alternative.

Hi I have a similar issue.
Only on mobile phones.

Everything is fine at our web ( www.arteaman.es ), but when you go to the product page ( arteaman.es/pulseras/delasuerte/pulsera-...justable-iching-roja ) first (principal) image appears stretched.
If you pick any other picture it's ok, the popup is ok, even the fist image loads fine if you click on it.
Do you have any idea?
I think it's because the image is stretched to screen wide, but not proportionaly, don't know how to check that.

Thanks in advance

Thanks a lot Nicolas ¡¡
Will try to fix within this week and will report to you
thank you very much