Configuring Product Image Sizes

Last Updated on

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.

x
Note: This option is available from the WooCommerce version 3.3. Make sure that the WooCommerce plugin is updated and activated on your website.

In this article


Single Product Page Image

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

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

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

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

4
Click on the Publish button.

x
Note: After publishing your changes, new image sizes may not be shown until you regenerate thumbnails. Check out this article to learn how to regenerate the thumbnails.

Product Loop Images

To change the product loop image size:

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

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

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

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

5
Click on the Publish button.

x
Note: After publishing your changes, new image sizes may not be shown until you regenerate thumbnails. Check out this article to learn how to regenerate the thumbnails.
Was this helpful?
Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket