如何隐藏WooCommerce后台产品快速编辑中的指定字段
隐藏WooCommerce产品快速编辑指定字段的方法
针对WooCommerce v9.1.2,要隐藏快速编辑窗口里的Date(日期)、Tax status(税务状态)、Tax class(税务类别)、Weight(重量)、L/W/H(长宽高)、Shipping class(配送类别)、Backorders?(是否允许缺货下单)和Enable reviews(启用评论)字段,以下是两种可靠实现方式:
方法一:CSS精准隐藏(简单直接)
将以下代码添加到主题的自定义CSS区域(外观→自定义→额外CSS),或子主题的style.css文件中:
/* 隐藏日期字段 */ #edit-date { display: none !important; } /* 隐藏税务相关字段 */ #edit-tax-status, #edit-tax-class { display: none !important; } /* 隐藏重量、尺寸字段 */ #edit-weight, #edit-dimensions { display: none !important; } /* 隐藏配送类别字段 */ #edit-shipping_class { display: none !important; } /* 隐藏缺货下单、评论开关 */ #edit-backorders, #edit-comment-status { display: none !important; }
这些选择器是WooCommerce快速编辑窗口对应字段的原生ID,精准匹配目标内容,不会误影响其他字段。
方法二:PHP钩子实现(无CSS优先级问题)
若不想依赖CSS,可通过PHP钩子添加脚本隐藏字段。将以下代码添加到子主题的functions.php文件中:
add_action('admin_footer', 'remove_woocommerce_quick_edit_fields'); function remove_woocommerce_quick_edit_fields() { ?> <script type="text/javascript"> jQuery(document).ready(function($){ // 隐藏指定字段的整个分组 $('#edit-date').closest('.inline-edit-group').hide(); $('#edit-tax-status').closest('.inline-edit-group').hide(); $('#edit-tax-class').closest('.inline-edit-group').hide(); $('#edit-weight').closest('.inline-edit-group').hide(); $('#edit-dimensions').closest('.inline-edit-group').hide(); $('#edit-shipping_class').closest('.inline-edit-group').hide(); $('#edit-backorders').closest('.inline-edit-group').hide(); $('#edit-comment-status').closest('.inline-edit-group').hide(); }); </script> <?php }
该方法通过JS在页面加载后隐藏对应字段的分组容器,效果稳定,不会受其他样式干扰。
注意事项
- 操作前建议备份主题文件或使用子主题,避免主题更新导致代码丢失。
- 添加代码后刷新产品列表页面,打开快速编辑即可验证效果。
内容的提问来源于stack exchange,提问作者Xim
相关产品推荐
相关产品推荐

