移动端商品页图片适配问题：切换尺寸报错求助

你的代码里有两个关键问题 #

1. WordPress核心没有内置is_mobile()函数，直接调用这个不存在的函数会触发PHP致命错误，这就是网站出错的核心原因。
2. 直接在functions.php里裸写判断和过滤器代码，执行时机过早，导致过滤器无法正确绑定生效。

分步修复方案 #

1. 先实现可用的移动端检测函数 #

在functions.php中添加这段自定义函数，用来识别移动设备：

function is_mobile() {
    $user_agent = $_SERVER['HTTP_USER_AGENT'];
    // 覆盖常见移动设备的UA关键词
    $mobile_keywords = ['Android', 'iPhone', 'iPad', 'iPod', 'BlackBerry', 'Windows Phone'];
    foreach ($mobile_keywords as $keyword) {
        if (strpos($user_agent, $keyword) !== false) {
            return true;
        }
    }
    return false;
}

2. 把图片配置绑定到正确的钩子上 #

替换原来的代码，确保在主题初始化完成后再执行相关逻辑：

add_action('after_setup_theme', 'custom_wc_mobile_image_size');
function custom_wc_mobile_image_size() {
    // 注册移动端专属图片尺寸
    if (function_exists('add_image_size')) {
        add_image_size('woocommerce_thumb_m', 200, 9999);
    }

    // 移动端条件替换商品主图尺寸
    if (is_mobile()) {
        add_filter('woocommerce_get_image_size_single', function ($size) {
            return 'woocommerce_thumb_m';
        });
    }
}

3. 让WP_DEBUG正常显示错误信息 #

打开wp-config.php文件，修改调试相关配置：

define('WP_DEBUG', true);
define('WP_DEBUG_DISPLAY', true);
define('WP_DEBUG_LOG', true);
@ini_set('display_errors', 1);

修改后，错误会直接显示在页面上，同时wp-content目录下会生成debug.log文件，方便排查后续问题。

4. 重新生成已有图片的缩略图 #

新添加的图片尺寸对已上传的图片无效，安装「Regenerate Thumbnails」插件，批量重新生成所有图片的缩略图即可。

额外注意事项 #

• 基于UA的移动端检测存在极个别误判，但足以覆盖绝大多数日常场景。
• 如果使用了缓存插件，修改代码后必须清除缓存再测试，避免旧缓存干扰结果。

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