You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何移除WooCommerce商店页面的分类缩略图

如何在WooCommerce商店页面移除分类缩略图

嘿,我来帮你搞定这个问题!要让WooCommerce商店页面只展示产品、去掉分类缩略图,这里有几个实用方案,你可以根据自己的技术情况选择:

方案1:用自定义CSS(最简单,适合新手)

这个方法不用碰复杂的PHP代码,几步就能搞定:

  • 登录WordPress后台,依次点击「外观」→「自定义」→「额外CSS」
  • 在输入框里粘贴以下代码:
/* 隐藏WooCommerce商店页面的分类缩略图 */
.archive .product-category img {
    display: none !important;
}
  • 点击「发布」,刷新你的商店页面就能看到效果啦!

小提示:如果上面的选择器没生效,你可以用浏览器的「检查元素」(按F12)找到分类图片对应的CSS类,替换掉.product-category img就行,比如有些主题可能需要用.woocommerce ul.products li.product-category img。

方案2:用WooCommerce钩子函数(推荐,主题更新不失效)

如果你懂一点PHP,这个方法更靠谱,不会因为主题更新丢失修改:

  • 进入WordPress后台,点击「外观」→「主题文件编辑器」,找到当前主题的functions.php文件;或者用FTP工具找到主题文件夹里的functions.php
  • 在文件末尾添加这段代码:
// 移除WooCommerce商店页面的分类缩略图
remove_action( 'woocommerce_before_subcategory_title', 'woocommerce_subcategory_thumbnail', 10 );
  • 保存文件,刷新页面就生效了。这是WooCommerce官方提供的钩子,安全又稳定。

方案3:修改主题模板文件(不推荐,主题更新会覆盖)

这个方法适合熟悉模板结构的人,但要注意主题更新后修改会被覆盖,所以尽量用前两个方法:

  • 找到主题里的archive-product.php或者content-product_cat.php文件(不同主题路径可能不同)
  • 找到包含woocommerce_subcategory_thumbnail()的代码行,把它删掉或者用//注释掉(比如// woocommerce_subcategory_thumbnail();)
  • 保存文件即可。

内容的提问来源于stack exchange,提问作者Raju Sulayman

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.28 10:00:09