How To Change Woocommerce Single Product Image Size

Depending on the theme you are using, featured product image of your Woocommerce single product page may appear small, blurry or even too large and stretched out.You can fix your WooCommerce product image size of your Single product page easily. Process is straight forward and simple, just follow these steps:

Step 1: Changing Image Size

  1. Go to WooCommerce -> Settings
  2. From top, Click on “Products” tab
  3. Click on “Display”
  4. Now scroll down to “Product Images” section
  5. Write your desired height & width in “Single Product Image” field
  6. Click on “Save Changes”

Note: Make sure “Hard Crop” is selected.

WooCommerce image size

 

Step 2: Regenerate Thumbnails

Now this new image dimension settings will not take effect to your existing product images. For this to take effect in previously uploaded product image, you need to regenerate those images to new image dimension.

Follow these steps to regenerate previously uploaded images:

  1. Download and Activate Regenerate Thumbnail
  2. Go to Tools -> Regen. Thumbnails
  3. Click on “Regenerate All Thumbnails”

 

Regenerate images to new settings.
Regenerate images to new settings.

Now go to your single product page and refresh the page. You will find that your product image is now regenerated to your specified dimension.

Leave a Reply