I am trying to display user info from acf so far the normal text, radio and select and date fields display if I use the following:

<?php $current_user = wp_get_current_user(); echo $current_user->user_gender; ?>

I have created 2 image custom fields one of each I would like to use as an avatar. Ho do I get the images to display if the custom field name is user_banner and user_avatar.

the fields are custom fields from acf are user_banner and user_avatar.

Here’s the full code for the page template:

<?php
/**
    Template Name: View Profile
*/

get_header();?>
<section class="page-profile">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-4">
                <div class="profile-user-info">
                    <div class="profile-info-row">
                        <div class="profile-info-name"> Username </div>

                        <div class="profile-info-value">
                            <span><?php $current_user = wp_get_current_user(); echo $current_user->user_login; ?></span>
                        </div>
                    </div>
                    <div class="profile-info-row">
                        <div class="profile-info-name"> First Name </div>

                        <div class="profile-info-value">
                            <span><?php $current_user = wp_get_current_user(); echo $current_user->user_firstname; ?></span>
                        </div>
                    </div>
                    <div class="profile-info-row">
                        <div class="profile-info-name"> Last Name </div>

                        <div class="profile-info-value">
                            <span><?php $current_user = wp_get_current_user(); echo $current_user->user_lastname; ?></span>
                        </div>
                    </div>

                    <div class="hr hr-8 dotted"></div>

                    <div class="profile-info-row">
                        <div class="profile-info-name"> Email </div>

                        <div class="profile-info-value">
                            <a href="mailto:<?php $current_user = wp_get_current_user(); echo $current_user->user_email; ?>"><?php $current_user = wp_get_current_user(); echo $current_user->user_email; ?></a>
                        </div>
                    </div>  

                    <div class="hr hr-8 dotted"></div>

                    <div class="profile-info-row">
                        <div class="profile-info-name"> Gender </div>

                        <div class="profile-info-value">
                            <span><?php $current_user = wp_get_current_user(); echo $current_user->user_gender; ?></span>
                        </div>
                    </div>

                    <div class="profile-info-row">
                        <div class="profile-info-name"> Age </div>

                        <div class="profile-info-value">
                            <span><?php $current_user = wp_get_current_user(); echo $current_user->user_birthday; ?></span>
                        </div>
                    </div>

                    <div class="profile-info-row">
                        <div class="profile-info-name"> Country</div>

                        <div class="profile-info-value">
                            <span><?php $current_user = wp_get_current_user(); echo $current_user->user_country; ?></span>
                        </div>
                    </div>
                </div>

                <?php

                $imgurl = get_field('user_banner',$user->ID);

                if (filter_var($imgurl, FILTER_VALIDATE_URL) === FALSE)
                {
                  $imgurl = wp_get_attachment_url($imgurl);
                }
                   echo '<img src="' . $imgurl . '" alt="image">';
                ?>

                <?php

                $imgurl = get_field('user_avatar',$user->ID);

                if (filter_var($imgurl, FILTER_VALIDATE_URL) === FALSE)
                {
                  $imgurl = wp_get_attachment_url($imgurl);
                }
                   echo '<img src="' . $imgurl . '" alt="image">';
                ?>

            </div>
        </div>
    </div>
</section>
<?php get_footer(); ?>      

The code for the image used I got somewhere but when I inspect it shows the below:

kindly Assist, Thank you.