Woocommerce images are not formatting properly

[heuronic]

I’m converting an existing site to X Pro, but the WooCommerce images are all messed up. On the original (you can see it here: https://coastsportfish.com/), all the images in the original theme are the same size. However, on my testbed for the new version of the site, here (https://csf.coastalmyst.com/), the images are shown at different sizes. I want the column effect of the original, but with better responsiveness on mobile devices. Right now the image layout is a mess.

Thanks in advance.

Jonathan Lyster

[ruenel]

Hello Jonathan,

Thanks for writing in!

The original site is using a 6 column grid with a 300x300 catalog image size.
The current site is only using 4 columns with 400x400 catalog image size. Please go to Appearance > Customize > WooCommerce > Product Images and set the Thumbnail width to 300 pixels. You will also go to the plugins section and install regenerate thumbnails plugin. Once installed, run the plugin to make sure that the product image sizes were updated.

Hope this helps. Kindly let us know how it goes.