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):

  1. Go to Appearance → Customize → WooCommerce → Product Images.
  2. Set "Main image width" to 720.
  3. Set "Thumbnail width" to 450.
  4. Set "Thumbnail cropping" to "Uncropped".
  5. Go to Settings → Media.
  6. Set "Thumbnail size" to 0×0. (The theme doesn't use this size.)
  7. Set "Medium size" to 0×0. (The theme doesn't use this size.)
  8. Set "Large size" to 1024×0. (The theme may occasionally load this size but it's not absolutely necessary.)
Configuration of Appearance → Customize → WooCommerce → Product Images.

In addition, each image is also resized to the following dimensions automatically:

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).

If you have completed the actions described in this article and it did not solve your issue, you may:
Search the community forum or file a support ticket