如何提升WooCommerce产品分类缩略图清晰度？Botiga主题求助

问题描述 #

配置Botiga免费版主题时遇到：产品分类页面的缩略图模糊，但单个产品页面的高清原图显示正常。观察发现分类缩略图采用原始图缩放后的420×420版本，这是模糊的核心原因。尝试过Regenerate Thumbnails插件，效果反而更差；修改Settings > Media中的图片尺寸也无任何变化，需要能让分类缩略图使用原始清晰图的调整方案。

解决方案 #

1. 调整主题自定义设置（优先操作） #

进入WordPress后台外观 > 自定义 > WooCommerce > 产品目录，找到「产品图片」设置项。Botiga主题在此处提供分类页缩略图尺寸配置，直接将尺寸调整为与原图一致（或更大像素值，比如原图为800×800则设为800×800），保存设置后重新生成对应尺寸的缩略图。

2. 代码强制调用原图 #

如果主题自定义设置无法满足需求，可在子主题的functions.php文件（避免主题更新覆盖代码）中添加以下代码，强制分类页产品缩略图使用原始图片：

add_filter( 'woocommerce_get_image_size_shop_catalog', 'botiga_force_original_catalog_image' );
function botiga_force_original_catalog_image( $size ) {
    // 取消固定尺寸限制，调用原始图片
    return array(
        'width'  => '',
        'height' => '',
        'crop'   => false,
    );
}

添加后保存文件，刷新分类页面即可生效。

3. 精准重新生成缩略图 #

之前使用Regenerate Thumbnails效果不佳，可能是未针对分类图尺寸操作。推荐用WP CLI命令行工具精准生成：

wp media regenerate --image_size=shop_catalog

该命令仅重新生成WooCommerce分类页缩略图（shop_catalog为默认尺寸标识），避免影响其他图片尺寸。

问题示例图 #

内容的提问来源于stack exchange，提问作者Jen