On woocommerce how do I remove this cropping to product catergory thumbnails?

image, thumbnails, woocommerce, wordpress

Solution

Update for WooCommerce 3.4

The thumbnail sizes are now available in the Customizer. You'll need to open the Customizer, then select WooCommerce, then Product Images.

The "main image" is the single product image. And the "thumbnail" is the shop/archive loop image.

The settings are no longer available in the admin Settings.

The category images are the same size as `shop_image` (or Catalog) thumbnail. WooCommerce handles its product thumbnails in its settings:

WooCommerce->Settings>Products>Display

You can change its height, width, and toggle the hard crop on/off.

After changing the image sizes you will need to regenerate thumbnails.

Problem

I've searched and tried fixing this myself for several hours, however, I cannot find a proper solution. The images I upload to Woocommerce's product category are getting cropped to a 1:1 aspect ratio, and I want them to stay at the original dimensions and aspect ratio that I uploaded them at. the main part of the snippet I am confused with is that there is an added -150x150.png at the end of my img src. How in the world do I remove that? I could not find it anywhere in any of the woocommerce php files. I'm assuming this is being added when the thumbnail is uploaded? The code that the php creates to display the image looks like this: ``` <a href="http://localhost/radioactivewonderland/?product_cat=phone-charms"> <img src="http://localhost/radioactivewonderland/wp-content/uploads/2015/02/cghjnfgchjn-150x150.png" alt="Phone Charms" height="" width="Phone Charms" /> <h3> Phone Charms <mark class="count">(1)</mark> </h3> </a> ```

Original source