Configuration
No configuration is necessary because the theme sets the correct default image sizes in /inc/woocommerce.php.
The theme does the equivalent of the following steps (if you decide to disable the theme's default sizes then you can follow these steps to configure the new ones):
- Go to Appearance → Customize → WooCommerce → Product Images.
- Set "Main image width" to 720.
- Set "Thumbnail width" to 450.
- Set "Thumbnail cropping" to "Uncropped".
- Go to Settings → Media.
- Set "Thumbnail size" to 0×0. (The theme doesn't use this size.)
- Set "Medium size" to 0×0. (The theme doesn't use this size.)
- Set "Large size" to 1024×0. (The theme may occasionally load this size but it's not absolutely necessary.)
In addition, each image is also resized to the following dimensions automatically:
- 180×unrestricted
- 270×unrestricted
- 405×unrestricted
- 540×unrestricted
- 768×unrestricted (WordPress default; it can't be disabled)
- 810×unrestricted
- 1440×unrestricted
- 2048×unrestricted
Upload dimensions
You should always upload all your images in the biggest size you have. This will not negatively impact your site's speed because every uploaded image will be resized to the sizes specified above and the correct size will be served in each context.
Most of our demo product images are uploaded as 1440×1920px (3:4). Other pages may be using 3840px and bigger images.
If you upload an image that is too small it will be centered horizontally and vertically on catalog and single product pages.
Aspect ratio
It is recommended that you use one consistent aspect ratio for all images in your store. On the demo page we use images in 3:4 (0.75) aspect ratio.
When deciding on your store's aspect ratio you should avoid aspect ratios smaller than 0.75 (tall and narrow) but you're welcome to use any higher aspect ratio (wide and short).