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

Question

我希望将Woocommerce单个产品页面上的相册缩略图大小设置为与主要产品图片相同。我知道可以使用以下方式设置大小：

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

但是我希望购物车页面上的缩略图保持小尺寸100x100像素。我在Woo文档中阅读到可以更改缩略图的尺寸，所以我尝试了以下方法:

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

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

- Martina Schuberth

---

因为“woocommerce_single”是大图像的尺寸，请检查“woocommerce_gallery_thumbnail”。Woo文档中的文本：“woocommmerce_single显示完整的产品图像，如上传的那样，默认情况下始终未裁剪。它默认为600px宽。woocommmerce_gallery_thumbnail始终是方形裁剪并默认为100×100像素。这用于在画廊中导航图像。” - yomisimie

是的，但是通过使用这个函数，你应该能够更改WOo正在使用的图像。 - Martina Schuberth

是的，在返回时使用适当的大小。你在返回时使用了什么？ - yomisimie

我的产品图片尺寸在自定义器 -> Woocommerce 中设置为550 x 550像素。 - Martina Schuberth

它返回的是什么尺寸？如果是默认尺寸，请尝试重新生成媒体库。 - yomisimie

即使重新生成了所有缩略图，它仍然显示100x100像素的图像。 - Martina Schuberth

Answer 1

有一些钩子可用。如果您想使用以下钩子更改大小

add_filter（'wp_get_attachment_image_src'，'your function name'，50，4）;

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

- RSPR

Answer 2

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

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

- jjj

---

不，这只会导致图像模糊，因为Woocommerce默认使用100 x 100像素缩略图。 - Martina Schuberth

如果您更改缩略图的默认大小为487x487像素呢？ - jjj

Answer 3

正确的代码片段：

add_filter( 'woocommerce_get_image_size_gallery_thumbnail', function( $size ) {
    return 'thumbnail'; //replace 'thumbnail' with required size name or array()
} );

- bokorben

---

我的网站在使用这段代码后崩溃了。 - Natalia