新版Woocommerce界面中ACF字段位置咨询

数据老陈

2026-7-1

WooCommerce新界面下ACF字段不显示的解决办法

检查ACF字段组的位置规则
打开ACF字段组的编辑页面，确认位置规则里，除了匹配“产品”文章类型，还要确保没有限定仅在经典编辑器显示。可以把规则调整为“产品”匹配“所有”，或者新增一条规则“产品”匹配“块编辑器”。
开启ACF的块编辑器兼容
进入仪表盘→自定义字段→设置，找到“块编辑器”相关设置项，勾选“在块编辑器中显示自定义字段”（不同ACF版本的选项文字可能略有差异）。

用代码在WooCommerce新编辑器中添加ACF字段面板
如果上述设置无效，可以在主题的functions.php文件或自定义插件中添加以下代码，手动把ACF字段组嵌入到产品编辑的标签页中：

// 给WooCommerce产品编辑器添加ACF字段标签页
add_filter('woocommerce_product_data_tabs', 'add_acf_product_tab');
function add_acf_product_tab($tabs) {
    $tabs['acf_custom_fields'] = array(
        'label'    => __('自定义字段', 'your-text-domain'),
        'target'   => 'acf_product_fields_panel',
        'class'    => array('show_if_simple', 'show_if_variable'),
    );
    return $tabs;
}

// 渲染ACF字段内容到新标签页
add_action('woocommerce_product_data_panels', 'render_acf_product_fields_panel');
function render_acf_product_fields_panel() {
    ?>
    <div id="acf_product_fields_panel" class="panel woocommerce_options_panel">
        <?php acf_form_head(); ?>
        <?php acf_form(array(
            'post_id' => get_the_ID(),
            'field_groups' => array('123'), // 替换为你的ACF字段组ID
            'form' => false
        )); ?>
    </div>
    <?php
}

注意替换代码中的123为你实际的ACF字段组ID（可在字段组编辑页面的URL中获取）。