Changing user picture HTML output on user profile

Question

How do I customise the HTML output for the user picture on a user profile? I can output it in user-profile.tpl.php with <?php print $user_profile['user_picture']['#markup'];?>. However this still leaves the original user picture output there too. How do I remove this? The answer in Disable displaying user picture in page--user.tpl.php won't work as that deletes $user_profile['user_picture'], which I'm using.

For an example of this, see http://dev.effectivealtruismhub.com/user/tom-ash . The top, left-floated image is the one I've manually output with <?php print $user_profile['user_picture']['#markup'];?>. But the right floated one is the one that Drupal auto-generates, in the wrong place in the HTML to be positioned right. How can I remove this auto-generated HTML?

Answer 1

Hmmm, it sounds like you likely left the following line of code in user-profile-tpl.php:

<?php print render($user_profile); ?>

Remove the above line of code.

The duplicate image will go away. And so will anything else in the profile.

You'll need to add back each individual item that you actually want via the same method you used to add just the pic, but for other fields in the profile:

<?php print $user_profile['user_picture']['#markup'];?>

If you are using the Panels module, this is trivial to do without touching any code or needing to dive into the $user_profile array.