Issues with WooCommerce Gallery Image

esperiaweb

Hi, when there's gallery images in a woocommerce product that have a different size than the main one it doesn't get cropped and the results are shown in the screenshots below.

Acquisisci schermata Web_10-11-2022_232414_lefrangettes.com.jpeg

Acquisisci schermata Web_10-11-2022_232337_lefrangettes.com.jpeg

Phil

Hi,

Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

esperiaweb

lefrangettes.com

Phil

Did you disable the secondary image on hover?

I do not see what you showed on your screenshots.

If you turned it off, please, enable it again.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

esperiaweb

Sorry for the delay, i've anbled the option again you can see the issues in this page

https://lefrangettes.com/negozio/categoria/bracciali/

The first issue it's still there even after enabling the option though.

Phil

Please, use the following CSS code:

.products .image_wrapper:hover .attachment-woocommerce_thumbnail{
   opacity: 0;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next