Weird Problem With WooCommerce Product Image/Gallery

[Mark]

Mark

June 20, 2018 at 5:19 pm

I’m stumped on this.

And I don’t know if this is a Woocommerce problem or a theme problem.

I use a child theme for Ascend (but I’ve tried the parent version with no CSS overrides and the same problem exists there). I also use the Kadence woo template plugin but I see the same result either way.

What is happening is the right side of my product images is getting cut off on the product page. This seems to only be happening when there are accompanying gallery images. When the page loads for just a second I can see the full image and then it bumps to the right.

I have tried disabling caching, purging my CDN and more. I also tried rolling Woocommerce back but with no effect. Maybe because Woocomemrce did a database update when it loaded?

I will also go search the support forum for WooCommerce to try both directions.

Here’s a link for an affected page:

*Login to see link

I’ve had a little success playing with CSS that fixed the main image but still left the rest of the gallery items cut off when they were viewed. This did not happen before. It always shifted the items below down if a taller image was viewed but it fit horizontally in view.

Any input appreciated about where this problem lies.

Thanks!

PS Also narrowing the width of my window has some really funky impacts on how the gallery layout looks. So depending on the size of your screen it can look far worse.