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.
Note: This option is available from the WooCommerce version 3.3. Make sure that the WooCommerce plugin is updated and activated on your website.
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.
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:
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.
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.
