如何在前端显示WooCommerce产品变体的ACF重复字段？

问题排查与修正方案 #

你当前代码的核心问题大概率是**$variation_id未正确获取**，或是未处理字段为空的情况，以下是针对性的修复代码和说明：

1. 变体模板内直接渲染（推荐）

在WooCommerce的single-product/add-to-cart/variation.php模板中添加以下代码，确保能拿到当前变体的有效ID：

global $product;
// 仅针对产品变体执行
if ( $product->is_type('variation') ) {
    $variation_id = $product->get_id();
    $specifications = get_field('specifications_variation', $variation_id);
    
    // 先判断重复字段是否有值，避免报错
    if ( $specifications ) {
        foreach ( $specifications as $item ) {
            // 安全获取子字段（确保和ACF后台配置的字段名完全一致）
            $label = isset($item['label']) ? esc_html($item['label']) : '';
            $value = isset($item['value']) ? esc_html($item['value']) : '';
            
            // 输出结构化内容，可自行调整HTML标签
            echo "<div class='variation-spec'>{$label}: {$value}</div>";
        }
    }
}

2. 关键注意事项

• 字段名匹配：确认ACF后台重复字段的子字段名称确实是label和value，大小写和下划线必须完全一致
• 全局变量可靠性：直接依赖global $variation_id不可靠，必须通过$product->get_id()获取当前变体ID（变体模板中$product即为当前变体对象）
• 安全输出：用esc_html()过滤输出内容，避免XSS风险
• AJAX变体切换适配：如果需要在用户切换变体时动态更新字段，必须把代码放在variation.php中，WooCommerce的AJAX加载变体逻辑会自动渲染这段内容

内容的提问来源于stack exchange，提问作者Joel Alemaida