Bug on product-image hover

[peter4576]

Hi guys,

Im quite sure this must be a bug, and not an intended design:

When I have a small image, the hover-effect is limited to the width of the image. Instead it should only be limited to the place-holder. I have attached a design-example on how it should preferably look like.

Thank you very much
Peter

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Thanks for the suggestion will forward it to the development team.

-Rui

[Swift Ideas – Ed]

Hi Peter,

This is because of your setup. The images are only a fraction of the width of the area – https://www.dropbox.com/s/l6i9u94lrntwdnl/Screenshot%202015-10-27%2014.40.13.png?dl=0

Because of the setup, the zoom can only be contained to the bounds of the image, which is why you aren’t seeing as much of a zoom area.

– Ed

[peter4576]

Hi Ed. But I have never seen this at any other shop I have visited. Perhaps its because they are mostly using the zoom block next to the image instead.

Any ways – I am not in control of what images are being uploaded. The customer is. And the customer uploads a tall (not wide) beer bottle. You cannot expect customers to all run the product images through Photoshop first and insert white space around the product? Also this would make it possibly look bad in product overview, if that was being the case.

There must be some work around this, so you set magnifyer to work within the image container instead of only the image.

Current solution is no good, and I doubt that every one of your customers upload 1/1 size images that are all of same size?

Thanks

Peter

[David Martin – Support]

Hi Peter,

The shop owner (assumed your client) has the responsibility to upload correct images, uploading poor quality/wrong sized images and stretch it to fit, it will simply look terrible. Even if there was a pure code solution to do this, it would still result in a bad display if the original picture is not suitable.

If your client does not know how to do this, you would need to educate your client in how to do this correctly:

1) You could provide your client with a Photoshop template
2) Provide an image upload guideline to specify minimum width & height requirements
3) Code into your child theme and minimum image width/height detection with error messages: http://wordpress.stackexchange.com/questions/28359/how-to-require-a-minimum-image-dimension-for-uploading.

Thanks,
David.

[peter4576]

Hi David

It all actually works perfectly now. All images render correctly and max height + width is set.

Only issue is the zoom effect. However, I could replace this with a popup though.

Thanks

Peter

[David Martin – Support]

No problem, glad you got it.

-David.