Woocommerce gallery image over the other

[Erik78]

Hi,

Since I updated to Woocommerce 3.0 I have a problem with my images on the product pages. The image is not completely visible and when scrolling through the images the previous one is still visible for about 20%. Please look at this image.

Does anyone have an idea how to solve this?

Thank you.

https://www.magnetenkopen.nl/winkel/potmagneet-neodymium-met-haak-houdkracht-25-kg/

[Erik78]

Anyone has an idea?

I removed the code from my functions.php;

add_theme_support( 'wc-product-gallery-zoom' );
add_theme_support( 'wc-product-gallery-lightbox' );
add_theme_support( 'wc-product-gallery-slider' );

This solves the issue, but I quite like the zoom, slider and lightbox. When I remove the code above the image is displayed in full screen right away. I like it better when you just stay on the product page when I click an image.

[Erik78]

Solved it with the help of this topic on the genesis connect support: https://wordpress.org/support/topic/woocommerce-3-0-0-single-product-page-image-not-showing/

I addes the folowing code to style.css

.woocommerce div.product div.images.woocommerce-product-gallery{
opacity:1 !important;
}

figure {
display: block;
margin-top: 0em;
margin-bottom: 0em;
margin-left: 0px;
margin-right: 0px;
}

[Author]

Posts