如何移除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
相关产品推荐
相关产品推荐

