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

如何隐藏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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.06.20 14:52:18