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>
To remove the WooCommerce product featured image on a single page, you can either go to WooCommerce settings and uncheck the enable product image checkbox, or edit your theme's template files or add CSS code to your theme's stylesheet.
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With