Glass effect

[Escobar]

In my woocommerce store, at the product view does not work the magnifying glass effect (enlarge) Is it because of using some wrong css?

My site is: https://www.mivestuariolaboral.com

[Leo]

Hi there,

Hmm I wonder if it’s because the original image size is too small.

Did you happen to add any custom functions that might have disabled it?

If not can you disable all plugins except GP Premium and WooCommerce to eliminate any conflicts?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Escobar]

Thanks I read, but something very strange and curious happens, for example in this product:

ZAPATILLAS TRABAJO DUNLOP FLYING ARROW

The magnifying glass effect does not work only with the first image (the main one) but with the rest of the colors (brown, black, gray shoes …) and all the images are the same size (600X600px)

[David]

Hi there,

Woocommerce is creating a 600px image for the single product image.
On Hover it shows the original Full Size image ie. the one you uploaded to the Media Library. Make sure all your original images are larger then 600px. In the case of your other colors they have an original image size of 1500px. Make sure your first image is also that size.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Escobar]

Thats do the trick!!!

Done.

Thanks.

[David]

Glad we could be of help.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts