Upgraded Woocommerce to 3.1.1 - Product Images not scaling properly

After upgrading Woocommerce to 3.1.1 the product page images seem to be scaling incorrectly.

Frontend
https://dev.catastrophicreations.com/product/three-level-cat-bunker/
Password: Kitty

Already have tried:

  1. Disabled any custom CSS
  2. Disabled all plugins
  3. Run the regenerate thumbnails process

Hey there,

It looks like the thumbnails might be too small. I’ve increased the thumbnail size from 100x100 to 400x400 and I started regenerating thumbnails again. I’ll update the thread again when it’s finished running.

For anyone else experiencing a similar issue, regenerating thumbnails is the best place to start. This article has more information: https://theme.co/apex/forum/t/resizing-woocommerce-images/1706

Hey again.

We noticed you had custom CSS applying a height to this selector .attachment-shop_single. I’ve commented out those rules, and your images are working again.

That specific page isn’t updating this. It appears to be cached. I noticed you have an advanced-cache.php file in your site. If you were previously using a caching plugin, you might want to remove that file as well.

Hi There,

Thanks for the reply - the custom CSS clears the issue on the image not scaling.

Question - is X planning on releasing a template modification for the image thumbnails?
By default X is treating the new WooCommerce 3.1.1 image thumbnails very poorly.

Hi There,

On the previous version, X theme is using it’s own image sizing for the thumbnails. Due to changes on Woocommerce 3.0 we move it back to it’s original Woocommerce size. You can see the we put the following settings back:

We don’t have plans yet as of the moment. I am not sure what you meant by this: By default X is treating the new WooCommerce 3.1.1 image thumbnails very poorly. because we don’t have customization yet on that part. In case I missed something here, please clarify.