Custom Markup to item in views

Question

I created a view that displays my user profile picture. I created a template for this view using 'views-view-fields--name.tpl.php. This is the output I get.

<div class="view-content">
  <div class="views-row views-row-1 views-row-odd views-row-first views-row-last">
      <div class="field-content profile">
        <div class="user-picture">
          <img typeof="foaf:Image" src="/default_profile_picture.jpg" />
        </div>
      </div>
  </div>
</div>

What I want to do is add a link to my image, like so:

 ...<a href="#"><img></img></a>...

But it keeps adding that line to just before the "user-picture" div, and I want it after it. Is there any way to achieve this? Custom templates seems to not do the trick.

Answer 1

You can do this in the views ui.

• Create a custom field
• Hide the display of the image field
• Use tokens provided to add image field output to your custom field

Example:

<a href="#">[image_field]</a>

UPDATE

Also ensure the style options are set to none on the image field so you don't get any div wrappers.