[Resolved] Using WebP images in WooCommerce gallery

[Siger]

Hi Tom and team,
I want to use WebP images on the WooCommerce gallery (Imagify + WPRocket using the <picture> tags ). The main image works fine, but the hover image shows a small thumbnail image. Do I have to change some CSS or is it more a code thing?
Thanks!

[David]

Hi there,

can you share a link to your site so i can take a look ?
You can edit your original topic and use the Site URL field to share the link privately.

[Siger]

Hi David,
I added the link. Seems there is no width set in plugins/gp-premium/woocommerce/functions/css/woocommerce.min.css for .wc-has-gallery .secondary-image
Adding width: 100% seems to work.

[David]

Yeah that definitely cures it.
GP uses the standard Woo templates, stylesheets, JS for this kind of stuff so we’ll take a nose to see if they are ‘now’ doing something different. And we’ll do some tests to see if it can be added as patch.

You ok adding that CSS to your stylesheets for now?

[Siger]

Yes, thats ok, thanks for your time.

[Author]

Posts