基于ACF插件实现WordPress产品页选中图片展示功能开发求助

代码里的核心问题： #

• 循环语法错误：你用了JS风格的for (x of $structure)写法，PHP遍历数组得用foreach ($structure as $x)，而且变量必须加$符号，否则会触发未定义变量错误。
• 循环结构混乱：每个endif后面的}都是多余的，且循环外的if(x == $image2)等判断完全脱离了循环范围，变量x早已失效，逻辑根本无法执行。
• 字段对比逻辑错误：structure_finish复选框存储的是你设置的选项值（比如image1、image2这类字符串），但get_field('image1')获取的是图片字段的数组（包含url、alt等信息），直接对比$x == $image1永远不会匹配成功，得用选项值对应图片字段的标识来判断。

修正后的完整代码： #

add_action( 'woocommerce_single_product_summary', 'wtwh_acf_custom_product_field', 15 );
function wtwh_acf_custom_product_field() { ?>
 
    <?php if(get_field('structure_finish')) { ?>
        <div class="cg-customcss"><?php the_field('structure_finish'); ?></div>
    <?php }
    
    if(get_field('top_finish')) { ?>
        <div class="cg-customcss1"><?php the_field('top_finish'); ?></div>
    <?php } ?>
    <br/>
    <?php
    // 获取复选框选中的选项值数组
    $selected_options = get_field('structure_finish');                                       
    // 建立选项值与对应图片字段的映射，避免重复代码
    $image_map = [
        'image1' => get_field('image1'),
        'image2' => get_field('image2'),
        'image3' => get_field('image3'),
        'image4' => get_field('image4'),
        'image5' => get_field('image5'),
        'image6' => get_field('image6'),
    ];

    // 先判断是否为有效数组，避免空值引发报错
    if (is_array($selected_options)) {
        // 遍历每个选中的选项
        foreach ($selected_options as $selected) {
            // 如果选项对应的图片存在，就输出图片标签
            if (isset($image_map[$selected]) && !empty($image_map[$selected])) {
                $img = $image_map[$selected];
                ?>
                <img src="<?php echo esc_url($img['url']); ?>" alt="<?php echo esc_attr($img['alt']); ?>" />
                <?php
            }
        }
    }
}

关键修正说明： #

1. 替换为PHP标准的foreach循环，正确遍历复选框选中的选项数组。
2. 用$image_map数组统一管理选项值与对应图片字段的关系，代码更简洁，也方便后续扩展。
3. 修复对比逻辑：用选中的选项值（如image1）匹配$image_map的键，拿到对应的图片数组后再输出。
4. 增加is_array($selected_options)判断，防止复选框未选中时出现PHP错误。
5. 清理了多余的闭合括号，修复了结构混乱的问题。

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