Plugin brakes product page

Apologies..
Please share your wordpress site URL to assist you further. Thank you.

Hi thank you for your reply.
https://www.barillio-barware

Of course the plugin is turned off now…

please active temporary our plugin on your site so i will check actual what’s wrong with your site.

Just activated it now.
Please take a look and let me know as soon as your done it breaks my product page and I’m running PPC campaigns.

please disable temporary cache plugin.

Done

please reactivate cache plugin and are you using any lazy-loading plugin or script for image?
because currently images are not coming with tag it coming with <picture>tag

Reactivated

I’m using WP Rocket but with LazyLoad disabled always.

WebP compatibility setting are enabled in to the media setting of WP Rocket?

I’m using Shortpixel so it’s up to them.

On Shorpixel my settings for WebP are
Deliver the WebP versions of the images in the front-end:
Using the <PICTURE> tag syntax
Only via WordPress hooks (like the_content, the_excerpt, etc)

our plugin are working well but it conflict with your theme css.
please add following css in to your theme stylesheet file.
/themes/oceanwp-child-theme-master/style.css

body.single.single-product picture.attachment-shop_single.size-shop_single.wp-post-image.sp-no-webp {
display: none;
}
.woocommerce div.product div.images, .woocommerce.content-full-width div.product div.images {
z-index: 2;
}
.owp-product-nav-wrap {
height: 25px;
}

Looks better but still not good for some reason

add this css
.owp-product-nav-wrap {
height: 30px;
}

Now it looks great on Desktop but on Mobile the images and video is on top of the headline description etc.

https://www.barillio-barware.com/product/elite-black-boston-cocktail-shaker-set/

Only on this product since it’s the only one with video active.

Also the gallery has changed style it’s now scrolling aside and it’s really hard to scroll it’s kind of stuck need to scroll few times just to move images