Website Building » WooCommerce » How do I change the thumbnail size in WooCommerce?

How do I change the thumbnail size in WooCommerce?

Last updated on September 24, 2022 @ 10:07 pm

Changing the thumbnail size for products in WooCommerce can be done by editing the wp-content/uploads/thumbnail.php file. To do this, you will need to access the file through your server’s file management system (FMS) and edit the value for ‘thumbnail_width’ and ‘thumbnail_height’. The default values for these variables are 64 and 128, respectively.

PRO TIP: If you are using the WooCommerce plugin for WordPress, there is a setting to change the thumbnail size. To do this, go to WooCommerce > Settings > Catalog. Under ‘Image options’, you can change the thumbnail image size.

However, changing the thumbnail image size can cause issues with your website’s layout. It is recommended that you backup your website before changing this setting.

To change the size of the thumbnail, you can either enter a new value in these variables, or use the percentages (%) format to specify a new size. For example, to make the thumbnail size 120 pixels wide and 120 pixels high, you would enter ‘thumbnail_width’=’120’ and ‘thumbnail_height’=’120’.

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.