How to Change Product Image Sizes in WooCommerce?

Product Image Sizes in WooCommerce change to make your online shop look outstanding. If we having issues with your WooCommerce product images being too small, blurry, uneven or too big, this may be because of the image we have uploaded do not match your WooCommerce product image settings.

WooCommerce Product Image Settings

  1. Open your WordPress admin panel and navigate to WooCommerce > Products.
  2. Select Product tab and switch to the Display tab.
  3. To change the WooCommerce product image size, scroll down on the “Settings” page until you see the Product Images section.
  4. Here you can change the WooCommerce image size for specific needs:
    1. Catalog Images – The medium sized thumbnails used in all product loops (e.g. categories, related products, up sells, cross sells, etc.).
    2. Single Product Image – The largest thumbnails used on the product details page.
    3. Product Thumbnails –  They’re used in product galleries on the single product pages, the cart, and widgets.

      Product Image size

  5. Once you have made your changes to the image dimensions, click Save Changes.
  6. After you changed the WooCommerce product image sizes, you need to regenerate the thumbnails.Therefore you can use a free plugin called Regenerate Thumbnails.
  7. Once you installed it, navigate to Tools > Regen. thumbnails and click Regenerate All Thumbnails.
  8. After the regenerating process, all the product images should appear with new dimensions set.

If you face any problems or need our professional services, please email us at [email protected].

Join our Newsletter

Never miss the latest offers, voucher codes and useful articles delivered weekly in your inbox.