如何强制WooCommerce仅在分类列表中使用全尺寸图片？

你的问题核心是CSS放大缩略图导致显示模糊，要让这个菜单单独加载全尺寸图，以下是具体排查和解决方法：

• 第一步：锁定菜单的DOM标识
  打开浏览器开发者工具（按F12），选中顶部分类菜单里的图片或父容器，记下它的类名/ID（比如类似.header-category-nav这类专属标识），这是定位代码的关键线索。

• 第二步：搜索主题/插件的相关文件
  从站点类型判断大概率是WordPress+WooCommerce环境，按这个方向查找：

  • 先查看当前启用的主题目录（wp-content/themes/你的主题名），用编辑器全局搜索刚才记下的类名/ID，重点检查header.php、template-parts下的导航相关文件，或是functions.php里的菜单注册/渲染函数。
  • 如果是WooCommerce自带的分类菜单，去插件目录（wp-content/plugins/woocommerce/templates）搜索分类导航相关模板，比如category-nav.php，也可能是主题集成WooCommerce的自定义模板文件。
  • 分类缩略图的调用通常会用到wp_get_attachment_image()、get_term_meta()（WooCommerce分类图专用）这类函数，找到后把函数里的尺寸参数改成full，替换掉原来的缩略图尺寸（比如thumbnail、medium或自定义小尺寸）。

• 应急替代方案（找不到PHP代码时使用）
  直接用JavaScript替换图片URL，移除缩略图里的尺寸标识，强制加载原图。把下面代码加到主题的footer.php里</body>标签前：

// 替换顶部分类菜单的图片为原图
document.querySelectorAll('.header-category-nav img').forEach(img => {
  // 匹配URL里的尺寸后缀（比如-100x100）并移除
  img.src = img.src.replace(/-\d+x\d+(?=\.\w+$)/, '');
});

注意把.header-category-nav换成你实际找到的菜单容器类名。

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