If you’re having issues with your Commerce product images being too small, blurry, uneven or too big, this may be because of the image you’ve uploaded do not match your Commerce product image settings. Please continue reading below for detailed instructions:
How To Adjust Your Commerce Product Image Settings
Step 1– Click on the Commerce tab on your admin sidebar, and select the Settings tab.
Step 2– Click on the Products tab at the top of the page. Directly below those options, switch to the Display tab.
Step 3– Under the Product Images section, you will find the Catalog Images, Single Product Images, and Product Thumbnails dimensions which is calculated asWidth X Heightin pixels
*Catalog Image is for your images on the shop page and for shortcodes. Single Product Image is for your images on the single product pages. Product Thumbnail is for your smaller product thumbnails for widgets.
**The images you upload to products will be resized to match the values you have input here. If your settings are 100×100 and you upload a 300×600 image it will be resized to 100×200. You can also choose to ‘hard crop’ your images which will force them to be the size specified in these settings, regardless of the raw image you upload, but will be cropped rather than distorted in scale.
Step 4– The minimum suggest width for images is 500px. If you do not want the image cropped, leave the height field blank.
Step 5– Once you have made your changes to the image dimensions, click ‘Save Changes’
Step 6– If you change the image dimensions after you have uploaded product images, you will need to download and run the Regenerate Thumbnails plugin just once Regenerate Thumbnails– this is to ensure that all affected images are resized to match the new dimensions.
IMPORTANT NOTE – Your catalog image size and single product image size need to be large enough to fit the size column you want to use. For example, if you want to use a shortcode in a one_half column and have it fully filled, then you must have a Catalog Image size of about 500px in width, and your product image must be at least 500px.