Return to previous page

Zoom effect squashes the larger photo width

This topic has 8 replies, 3 voices, and was last updated 8 years, 5 months ago ago by Jack Richardson

pixelkicks

Participant

November 7, 2015 at 18:23

I’m trying to get the “Zoom effect” to work properly, however when I hover over the image, a larger image does appear but it is noticeably squashed in width.

Why is this happening and how can I correct it?

I have enclosed a link in the private content area.

Please, contact administrator
for this information.

#98269 Copied Theme version: 1.3 WooCommerce version: 2.4.8

7 Answers

Eva Kemp

Support staff

November 8, 2015 at 09:34

Hello,

As I see zoom effect is working properly:
http://prntscr.com/90capu

Please clarify your issue with more details.

Regards,
Eva Kemp.

#98287 Copied

pixelkicks

Participant

November 8, 2015 at 16:04

Look at the proportions of the image. It’s not working correctly. The original photo on the page is correct, but when the zoomed image appears it’s squashed in width vertically.

The examples on your demo are working fine, but this is definitely not. Test it by taking a screenshot of the original and zoomed photo and comparing in Photoshop when shrunk down to the same size.

The proportions of the image have definitely changed, see this example:
http://imgur.com/S2OzVc4

Chris.

#98324 Copied

Eva Kemp

Support staff

November 8, 2015 at 21:11

Hello,

I’ve disabled “Hard Crop” option in Woocommerce > Settings > Products > Display.
Please clear browser cache and check zoom effect now.

Regards,
Eva Kemp.

#98345 Copied

pixelkicks

Participant

November 9, 2015 at 08:13

That seems like a bad shortcut, because although it fixes the zoom problem, all the other images are now in completely different sizes.

See http://i.imgur.com/5K4sucB.png

Before, everything was tidy and cropped the same.

Surely this is not the answer? The zoom is the only problem, and this works perfectly on your demo.

#98356 Copied
Jack Richardson

Support staff

November 9, 2015 at 08:23
Hello,

Please add this code in Theme Options > Styling > Custom CSS > Custom CSS for desktop:
```
.product-category > a img {
  width: 200px;
}
```
Best regards,
Jack Richardson.
#98358 Copied
pixelkicks

Participant

November 9, 2015 at 08:37

Not sure what that would do? Seems pointless.

Anyone I’ve turned off hard cropping on the catalog and thumbnails, so it’s only on the product single page now. However even that seems like a bit of a last minute fix. Why can’t I keep cropping on but have the zoom work?

#98363 Copied

Jack Richardson

Support staff

November 9, 2015 at 09:23

Hello,

As I see now your category images have the same sizes.

Clear your browser cache and check again.

Best regards,
Jack Richardson.

#98374 Copied
Viewing 8 results - 1 through 8 (of 8 total)