How to change Image Gallery Thumbnail Size in Single Product page WooCommerce

[admin]

Hi All Customer,

In this topic tutorial we’ll help you change Product Thumbnail in WooCommerce.

1. Customize Product Images Thumbnail in Archive Product and Single Product page:

You need go to Appearance -> Customize -> Products Images

2. Change Image Gallery Thumbnail Size in Single Product page you can use custom function to do it.

2.1. Fist you need use child theme follow this topic tutorial to customize theme as you want:

How to customize WordPress theme using Child theme

Please patient and follow tutorial because it will keep your custom work when you update them, plugins,…

2.2. Go to file functions.php in your child theme and add this code:

if ( ! function_exists( 'haru_woocommerce_single_gallery_thumbnail_size' ) ) :
/**
* Change the gallery thumbnail image size.
*/
function haru_woocommerce_single_gallery_thumbnail_size( $size ) {
return array(
'width' => 100,
'height' => 150,
'crop' => 1,
);
}
endif;
add_filter( 'woocommerce_get_image_size_gallery_thumbnail', 'haru_woocommerce_single_gallery_thumbnail_size' );

You can change width and height to other value as you want (100 is 100px).

Hope this help!

 

********
Best regards,

HaruTheme

• This topic was modified 4 years, 10 months ago by admin.
• This topic was modified 4 years, 10 months ago by admin.
• This topic was modified 4 years, 10 months ago by admin.

[Author]

Posts