How to change image size in the Details Panel?

A product image displayed in the Details Panel uses size woocommerce_thumbnail. This size is used in the product ‘grids’ in places such as the shop page. Read more about WooCommerce Image Sizes.

You can customize this size in the customizer. Learn more about it in the WooCommerce Documentation. Remember that these changes will affect both the Details Panel and product ‘grids’ in places such as the shop page.

How to change image size only in the Details Panel?

You can do it by creating new image size.

add_action( 'init', function () {
	add_image_size( 'dgwt-wcas-product-custom', 300, '', false );
} );

add_filter( 'dgwt/wcas/suggestion_details/product/thumb_size', function ( $size ) {
	return 'dgwt-wcas-product-custom';
} );

There are two ways to apply this code.

  1. Open the functions.php in your Child Theme and add the code at the end
  2. or install the Code Snippets plugin and apply this code as a snippet

After that you can regenerate all thumbnails. We recommend Regenerate Thumbnails plugin to do it.