Configuring Product Image Sizes

Updated on May 21, 2018

Aspect ratio and image size have a big impact on your site’s design. We can’t just throw any images onto a website shop and expect them to look good. It’s important to assess how they’ll fit with your website design. To do this, we need to configure the image size and aspect ratio on your website. In Jupiter, product image size and aspect ratio settings can be found in two different places:

To learn how to configure the product image ratios, check out this article.

To learn how to configure the product image sizes, continue reading this article below.


Single Product Page Image

To change the main image size on the single product pages:

1From the WordPress left menu, go to Appearance > Customize.

2From the left dashboard, click on WooCommerce > Product Images.

3Change the value under the Main image width to your desired width.

4Click on the Publish button.


Product Loop Images

To change the product loop image size:

1From the WordPress left menu, go to Appearance > Customize.

2From the left dashboard, click on WooCommerce > Product Images.

3Change the value under the Thumbnail width to your desired width.

4Select a desired option under the Thumbnail cropping to change the image aspect ratio.

5Click on the Publish button.

Did this answer your question?