如何从“快速编辑”窗口隐藏 WooCommerce 字段？

Question

我试图从“快速编辑”窗口隐藏一些 WooCoomerce 字段：“日期”、“税务状态”、“税务类别”、“重量”、“长/宽/高”、“运输类别”、“延期交货？”和“启用评论”字段。

我尝试添加“display: none; property”，但我无法弄清楚要应用它的元素以及如何应用它，因为我只想隐藏红色字段。

我正在使用 WooCommerce v9.1.2。预先感谢。

Answer 1

您可以使用 CSS 和 jQuery 隐藏产品快速编辑特定字段，如下所示：

// CSS
add_action( 'woocommerce_product_quick_edit_start',  'hide_specific_product_quick_edit_fields_css' );
function hide_specific_product_quick_edit_fields_css() {
    // Hide weight, dimensions and backorder fields
    ?><style>.dimension_fields, .backorder_field{display:none !important;}</style><?php 
}

// jQuery
add_action( 'woocommerce_product_quick_edit_end',  'hide_specific_product_quick_edit_fields_js' );
function hide_specific_product_quick_edit_fields_js() {
    ?>
    <script>
    jQuery(function($){
        $('.inline-edit-password-input').closest('div').hide(); // hide "password"
        $('[name=_tax_status]').closest('label').hide(); // hide "tax status"
        $('[name=_tax_class]').closest('label').hide(); // hide "tax class"
        $('[name=_shipping_class]').closest('div').hide(); // hide "shipping class"
        $('[name=comment_status]').closest('div').hide(); // hide "Enable reviews"
    });
    </script>
    <?php
}

代码位于子主题的functions.php 文件中（或插件中）。已测试并工作。