如何移除WooCommerce分类默认图片并替换为AFC自定义字段图片

出现默认图片同时显示的核心原因是：你仅新增了自定义轮播图片的输出逻辑，未移除WooCommerce内核自带的分类默认缩略图输出挂载。

操作步骤 #

• 直接将你现有代码替换为下方完整代码即可，无需做其他配置：

// 先移除WooCommerce默认输出分类缩略图的钩子
remove_action( 'woocommerce_before_subcategory_title', 'woocommerce_subcategory_thumbnail', 10 );

// 挂载自定义分类轮播输出逻辑
add_action('woocommerce_before_subcategory_title', 'wpse_add_custom_category_carousel', 10);
function wpse_add_custom_category_carousel($category) {
    $term_id = 'product_cat_'.$category->term_id;
    echo '<ol class="carousel__viewport">';
    for ( $i = 1; $i <= 3; $i++ ){  
        // 先判断自定义字段是否有值，避免输出空图片标签
        $image_url = get_field('category_image_' . $i, $term_id);
        if( $image_url ) {
            echo '<li id="carousel__slide" tabindex="0" class="carousel__slide"><img src="'.esc_url($image_url).'"/><div class="carousel__snapper"></div></li>';
        }
    }
    echo '</ol>';
}

• 额外优化说明：新增了esc_url()对图片链接做安全转义，同时调整了字段判断逻辑，避免空值时生成无效的img标签。

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