如何修改WooCommerce Additional Variation Images插件的缩略图尺寸？

嘿，这个情况我碰到过好几次，WooCommerce更新后确实容易打乱插件的默认设置，给你两个靠谱的解决方案：

先检查插件内置设置（最省心的方法） #

很多人容易忽略，这个插件其实自带缩略图尺寸配置功能，可能更新后默认重置成了100×100。你可以按这个路径找：

• 进入WordPress后台，打开 WooCommerce > 设置 > 产品 标签
• 找到 变体图片（Variation Images） 子标签（不同版本可能叫“Additional Variation Images”）
• 里面应该有个“缩略图尺寸（Thumbnail Size）”的下拉菜单，直接选择你需要的大尺寸（比如large、medium），或者如果之前自己定义过图片尺寸，也能在列表里找到

要是找不到这个设置，可能是插件版本差异，你也可以去插件的独立设置页（一般在侧边栏的“Variation Images”菜单）看看，大概率藏在那里。

用自定义函数强制覆盖尺寸（如果插件没设置项） #

如果插件确实没有相关设置，或者设置了不生效，那就用WooCommerce和插件提供的钩子来硬改：

步骤1：注册自定义图片尺寸（可选） #

如果你想要完全自定义的尺寸（比如300×300），先在主题的functions.php（或者子主题的functions.php，避免主题更新丢失）里添加这段代码：

add_action( 'after_setup_theme', 'custom_variation_thumb_size' );
function custom_variation_thumb_size() {
    // 参数：尺寸名称、宽度、高度、是否硬裁剪（true=裁剪，false=按比例缩放）
    add_image_size( 'custom-variation-thumb', 300, 300, true );
}

步骤2：让插件使用这个尺寸 #

接着添加过滤器，强制插件使用你指定的尺寸：

add_filter( 'woocommerce_additional_variation_images_thumbnail_size', 'override_variation_thumb_size' );
function override_variation_thumb_size( $default_size ) {
    // 替换成你要的尺寸：可以是默认的'large'，也可以是上面注册的'custom-variation-thumb'
    return 'custom-variation-thumb';
}

注意事项 #

• 如果你刚注册了新的图片尺寸，需要用Regenerate Thumbnails插件重新生成所有图片的缩略图，不然旧图片不会有这个尺寸的版本
• 代码最好放在子主题里，或者用代码片段插件（比如Code Snippets）添加，避免主题更新后代码丢失

额外排查点 #

如果还是没生效，可能是你的主题里有其他钩子覆盖了这个尺寸，你可以暂时切换到默认的Storefront主题测试一下，排除主题冲突的问题。

内容的提问来源于stack exchange，提问作者Juliën