[Resolved] Replace featured image single post (ACF)

[Damiaan van Vliet]

Good morning great team,
I want to replace the featured image when displaying a single post with a image uploaded within a ACF field called “overview-picture”.
I tried the code from this post (modified a bit), but it does not change a bit.

// replace featured image within a single post
add_filter( 'generate_featured_image_output', 'tu_custom_featured_image' );
function tu_custom_featured_image( $output ) {
    if ( get_post_meta( get_the_ID(), '_your_id', true ) ) {
        return '<img class="alignnone size-medium" src="[acf field=overview-picture]" alt="overview picture"/>';
    } else {
        return $output;
    }
}

Is the code still right?
To clarify, I want the use the original featured image in the blog overview.

Thank you for help.

[Fernando]

Hi Damiaan,

That should work.

You would need to set the Return type of the field it Image URL. Then, set the src to that field.

For instance:

add_filter( 'generate_featured_image_output', 'tu_custom_featured_image' );
function tu_custom_featured_image( $output ) {
	$my_image = get_field('image_name');
    if ( $my_image ) {
        return '<img class="alignnone size-medium" src="' . $my_image .'" alt="overview picture"/>';
    } else {
        return $output;
    }
}

Replace image_name with the name of your field.

Hope this helps!

[Damiaan van Vliet]

Thank you Fernando for the big help! It’s almost right now.
With your adjusted code the featured image on the blog archive page is now changed to the “overview-picture”.
And I wanted it the other way, I wanted the featured image on a single post to be changed. So that the featured image on a single post is replaced with the image “overview-picture”

So just the other way around so to speak 🙂

[Fernando]

To clarify, are you wanting this to work for featured images for Single Posts?

If so, here’s another PHP snippet you may try:

add_filter( 'post_thumbnail_html', 'db_featured_image_before_after_content',10,5 );
 
function db_featured_image_before_after_content($html, $post_id, $post_thumbnail_id, $size, $attr) {
    if( ! is_single() || $html == '' ) { 
        
        return $html;
    
    } else {
		
	$my_image = get_field('image_name');
    if ( $my_image ) {
        $html = '<img class="alignnone size-medium" src="' . $my_image .'" alt="overview picture"/>';
    } 
        
    return $html;
    }

}

Kindly replace image_name with the field name of your image.

Hope this helps!

[Damiaan van Vliet]

You’re my hero Fernando! This is exactly what I wanted and the above code snippet I can use in another project.
Again thank you very much. 🙂

[Fernando]

You’re welcome Damiaan! Glad that worked! 🙂

[Author]

Posts