Product Gallery Images to Rectangle

  • Resolved devilmakq

    (@devilmakq)


    1 year, 9 months ago

    Use the password – dmvisualz@1997 to access the page.

    I have read woocommerce articles to fix this issue but still not able to fix it.

    1- My gallery thumbnails below product image are all 100×100.
    Settings images – https://prnt.sc/8ewSpFEIfFXD
    Customizer settings – https://prnt.sc/vHZFMnWrGHft

    2- I have done the woocommerce thumbnail regeneration after doing the above settings (images).

    3- I am using Hello Elementor theme.

    4- I have cleared the cache and tried it.

    My goal is to make 3 thumbnails in a row with rectangle shape instead of square but they are getting replaced by 100×100 images.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter devilmakq

    (@devilmakq)

    Found a code to do it.

    Used custom snippet plugin and selected php text.
    Use the max width to choose the width of the gallery images.
    Use the height to choose the height of gallery images.
    example ; ——- max width 1280px
    .
    .
    .
    ‘height’ => 720,
    .
    .
    }

    Might require thumbnail regeneration but I didn’t do it. I already had 1280×720 version generated by woocommerce.

    // change woocommerce thumbnail image size
add_filter( 'woocommerce_get_image_size_gallery_thumbnail', 'override_woocommerce_image_size_gallery_thumbnail' );
function override_woocommerce_image_size_gallery_thumbnail( $size ) {
    // Gallery thumbnails: proportional, max width 200px
    return array(
		'width'  => '',
        'height' => 150,
        'crop'   => 0,
    );
}
    Saif

    (@babylon1999)

    Hello @devilmakq,

    Thank you so much for sharing the solution! :?)

    I’ll go ahead and mark the thread as solved, feel free to create a new one if you have any other questions.

    Cheers!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Product Gallery Images to Rectangle’ is closed to new replies.