Product image changes ratio at full size

Hi there!

There was a bug in a previous version of WooCommerce, but this has been fixed already – https://github.com/woocommerce/woocommerce/issues/23900

Are you on the latest version of WooCommerce?

You can also add the following CSS to your site to fix the zoom issue;

.woocommerce img.pswp__img,
.woocommerce-page img.pswp__img {
	max-width: none; /* 2 */
}
button.pswp__button {
	box-shadow: none !important;
	background-image: url('default-skin/default-skin.png') !important;
}
button.pswp__button,
button.pswp__button:hover,
button.pswp__button--arrow--left::before,
button.pswp__button--arrow--right::before {
	background-color: transparent !important; /* 1 */
}
button.pswp__button--arrow--left,
button.pswp__button--arrow--right,
button.pswp__button--arrow--left:hover,
button.pswp__button--arrow--right:hover {
	background-image: none !important; /* 1 */
}
button.pswp__button--close:hover {
	background-position: 0 -44px;
}
button.pswp__button--zoom:hover {
	background-position: -88px 0;
}

Hi,

Thank you for your reply.

I am using the latest version of Woocommerce (3.7.0) but I still have this issue.

I have tried your code and it works, but obviously I would prefer not to have to use it.

If this bug has been fixed, why would I still have it?

Many thanks
Gary

Hi Gary,

It could be that there is a conflict on your site with either your theme or another plugin and as a next step I would suggest a conflict test on a staging site to see what is causing this still – https://docs.woocommerce.com/document/how-to-test-for-conflicts/

I tried switching to a standard WP theme to fault find (didn’t change the problem) and then back to my ‘Divi Child’ theme.

The site now does not load at all and give this error message:

Fatal error: Uncaught Error: Call to undefined function et_is_responsive_images_enabled() in /homepages/22/d245113576/htdocs/clickandbuilds/ErinsWorld/wp-content/themes/Divi/post_thumbnails_divi.php:32 Stack trace: #0 /homepages/22/d245113576/htdocs/clickandbuilds/ErinsWorld/wp-content/themes/Divi/functions.php(38): require_once() #1 /homepages/22/d245113576/htdocs/clickandbuilds/ErinsWorld/wp-includes/class-wp-hook.php(286): et_setup_theme(”) #2 /homepages/22/d245113576/htdocs/clickandbuilds/ErinsWorld/wp-includes/class-wp-hook.php(310): WP_Hook->apply_filters(NULL, Array) #3 /homepages/22/d245113576/htdocs/clickandbuilds/ErinsWorld/wp-includes/plugin.php(465): WP_Hook->do_action(Array) #4 /homepages/22/d245113576/htdocs/clickandbuilds/ErinsWorld/wp-settings.php(509): do_action(‘after_setup_the…’) #5 /homepages/22/d245113576/htdocs/clickandbuilds/ErinsWorld/wp-config.php(80): require_once(‘/homepages/22/d…’) #6 /homepages/22/d245113576/htdocs/clickandbuilds/ErinsWorld/wp-load.php(37): require_once(‘/homepages/22/d.. in /homepages/22/d245113576/htdocs/clickandbuilds/ErinsWorld/wp-content/themes/Divi/post_thumbnails_divi.php on line 32

Please help?

This error you are seeing now points to Divi, I would suggest you reach out to their support to have a look at fixing this for you

Hi,

Please ignore my last post I have managed to recover the site.

Thank you.

Thanks for letting me know!

There must be something on the site that is still causing this as I am not able to replicate the same issue on my sites with just WooCommerce and a default theme like Storefront active

We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

I am stumped, next step is to see if Elegant Themes can shed any light on it.

But thank you for your time and code. If all else fails I can just use that as a work around.

Thank you