WooCommerce：更改图库缩略图的大小

Question

我想将图库缩略图的缩略图大小更改为最大。 60x60 像素。不裁剪它们。

我在 WooCommerce 文档中找到了以下钩子：

add_filter( 'woocommerce_gallery_thumbnail_size', function( $size ) {
    return array('width' => 60, 'height' => 60, 'crop' => 0, );
} );

但是crop参数好像没有作用？！ WordPress 也会忽略这个尺寸，并在图库导航中始终显示 WordPress 本身的 150x150px 版本。即使在使用插件重新生成缩略图大小之后。 60x60 版本在服务器上。但是它没有被 WooCommerce 使用并且被裁剪了。

我还使用此代码为主题添加 WooCommerce 支持：

function mytheme_add_woocommerce_support() {
    add_theme_support( 'woocommerce', array(
        'thumbnail_image_width'         => 240,
        'single_image_width'            => 450,
        'gallery_thumbnail_image_width' => 60,
    ) );
    add_theme_support( 'wc-product-gallery-slider' );
}
add_action( 'after_setup_theme', 'mytheme_add_woocommerce_support' );

当我删除它时，WooCommerce 缩略图大小会被完全忽略。

我做错了什么吗？它适用于其他图像尺寸，例如：

add_filter( 'woocommerce_get_image_size_thumbnail', function( $size ) {
    return array('width' => 240, 'height' => 240, 'crop' => 0, );
} );

add_filter( 'woocommerce_get_image_size_single', function( $size ) {
    return array('width' => 450, 'height' => 450, 'crop' => 0, );
} );

这些图片最多宽度和高度，不裁剪。但是画廊缩略图版本总是被裁剪。

Answer 1

我找到了一个解决方案，我猜是过滤器中的名称错误。

我使用的名称 (woocommerce_gallery_thumbnail_size) 是从文档中复制的，但他的版本似乎是正确的：woocommerce_get_image_size_gallery_thumbnail

Hin 来自这里：https://theme.co/forum/t/woocommerce-product-gallery-thumbnails-cropped/47367/2

这是他们的代码：

// 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'  => 60,
        'height' => 60,
        'crop'   => 0,
    );
}

不幸的是，图库滑块导航栏使用的是 150x150 版本的图像。但这不是本题的重点。

WooCommerce：更改图库缩略图的大小

WooCommerce: Change size of gallery thumbnail

php

wordpress

flexslider

woocommerce