更改 Woocommerce 产品图像缩略图大小答案

【问题标题】：Changing Woocommerce Product Image thumbnail size更改 Woocommerce 产品图像缩略图大小
【发布时间】：2019-02-09 04:21:04
【问题描述】：

我想让 Woocommerce 单一产品页面上的画廊缩略图与我的主要产品图片大小相同。我知道我可以用这个设置大小

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

但我想为购物车页面保留 100x100x Woo 的小缩略图。我在 Woo 文档中读到，您可以更改正在使用的图像大小，所以我尝试了

add_filter( 'woocommerce_gallery_thumbnail_size', function( $size ) {
return 'woocommerce_single';
});

但这不起作用。有什么想法吗？

【问题讨论】：

因为“woocommerce_single”是大图的尺寸，所以勾选“woocommerce_gallery_thumbnail”。 Woo 文档中的文本：“woocommerce_single 显示上传的完整产品图像，因此默认情况下始终未裁剪。默认为 600 像素宽度。woocommerce_gallery_thumbnail 始终为方形裁剪，默认为 100×100 像素。这用于在画廊。”
是的，但是通过使用此功能，您应该能够更改 WOo 正在使用的图像。
是的，返回时使用合适的尺寸。你回来时用了什么？
我的产品图片尺寸在定制器中设置为 550 x 550 像素 -> Woocommerce
返回的尺寸是多少？如果它是默认大小，请尝试重新生成您的媒体库

标签： php wordpress woocommerce

【解决方案1】：

有一些可用的钩子。如果你想使用下面的钩子来改变大小

add_filter('wp_get_attachment_image_src', '你的函数名', 50, 4);

来源： https://docs.woocommerce.com/wc-apidocs/hook-docs.html https://businessbloomer.com/woocommerce-visual-hook-guide-single-product-page/

【讨论】：

【解决方案2】：

我会使用 CSS，为购物车页面设置特定大小：

table.shop_table img {
    width: 100px;
    height: 100px;
}

【讨论】：

不，这只会导致图像模糊，因为 Woocommerce 默认使用 100 x 100 像素的缩略图。
如果您将缩略图默认大小更改为 487x487px？