Home Forums Themes Support Myha How to change Image Gallery Thumbnail Size in Single Product page WooCommerce

This topic contains 0 replies, has 1 voice, and was last updated by  admin 1 month ago.

Viewing 1 post (of 1 total)
  • Author
    Posts
  • #2681

    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 1 month ago by  admin.
    • This topic was modified 1 month ago by  admin.
    • This topic was modified 1 month ago by  admin.
Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.