I have followed the instructions in the above-mentioned tutorial (https://www.kadencethemes.com/installing-woocommerce-for-virtue-theme/) but I am still experiencing cropping issues.
The tutorial states that the following dimensions should be used:
Catalog Images – Width: 270 Height: 270
Single Product Image – Width: 468 Height: 468
Product Thumbnails – Width:90 Height: 90
The actual dimensions for each of these is slightly different when I right click and “inspect element” in IE:
Catalog Images – Width: 270 Height: 268
Single Product Image – Width: 468 Height: 458
Product Thumbnails – Width:90 Height: 90
I have been uploading images that are 800px max height or width and the images show up cropped in the catalog view and thumbnail view. I have tried it with “hard cropping” checked and unchecked and I still get the same results.
The only way I can prevent cropping in the catalog view and thumbnail view is to upload images that are no more than 458px max width. This is only working for horizontal images. If I upload a vertical image of 458px it gets blown up on the product page and is still cropped in the catalog view and thumbnail view. If I us a larger image it shows up cropped in every view.
Here is a link to my “shop” page where you can see what is going on.
https://sherline.com/Wordpress/shop/
Should I be able to upload images at any size and still not get cropping?