The featured image
The Featured Image is the first image your prospective buyers see, it is the main image for your product. It is displayed in your product loops (i.e., product categories, up sells, related products, etc.) and serves as the focus in the image gallery of your product details page.
Add product galleries
Product galleries display all images attached to a product, with the Featured Image being the primary image.
You can create a product gallery using the same method as adding a featured image, but using the Product Gallery meta box.
Reorder and remove images from product galleries
Images in the product gallery can be re-ordered easily via drag and drop. Simply re-order your images by moving them around.
To remove an image from the product gallery, hover over the image and click on the red “x”.
Image dimension settings
On the catalog tab at WooCommerce > Settings > Products > Display > Product Images, there are three image dimension inputs.
- Catalog Images appear in shop loops, such as product categories, up-sells/cross-sells.
- Single Product Image is the main image on your product details page
- Product thumbnails are the (optional) gallery thumbnails on your product details page
The images you upload are resized to match the values you input. For example, if your settings are 100×100 and you upload a 300×600 image it is resized to 100×200. You can also choose to ‘hard crop’ your images, which forces them to be the size specified in the settings, regardless of the raw image you upload, so they’re cropped rather than distorted in scale.