Skip to main content
How to Customize the WooCommerce Product Images

Change the default size of Woo Product's Featured Images.

Updated over a week ago

WooCommerce allows you to change the Product's image size for both Single Product Images and product images displayed on the Shop Page and Woo archive pages.

  1. Go to WordPress Dashboard β†’ Appearance β†’ Customize β†’ WooCommerce β†’ Product Images:

    Theme Customizer WooCommerce Product Images

  2. Set the Main Image Width - this is the size of the Product Images displayed on a single product page.

  3. Set the Thumbnail Width - this is the width of the Product Image displayed in the Shop Page, Woo Archive Pages and the Woo Products module.

    Woo Products Image Sizes
  4. Thumbnail Cropping - this is used to define a custom cropping that will apply only to the Product Images displayed in the Shop Page, Woo Archive Pages, and Woo Products module.

Note: The results of the image options will be displayed live inside the customizer while you're editing, however, if you don't see a change on the front end, make sure to regenerate your old thumbnails with the Force Regenerate Thumbnails plugin.

Did this answer your question?