Devit!

Drupal Views are great for their flexibility and ease of use. It’s often useful to output a teaser with a ‘read more’ link back to the node. Somtimes we need to link to a node from an image instead of text. Drupal doesn’t provide an option for an image link but it’s pretty simple to override the template file. The code below will replace the link text with an image.

Create a new php file in your themes folder with the name of the field view you want to override. In most cases, the name will contain view-node. You can see the theming information by going into the view, and clicking Theme: Information under Basic Settings.
ie. views-view-field–front-blocks–view-node.tpl.php

//output image link instead of text
$field_text = $field->options['text'];
$image_file = '/images/but_' . strtolower($field_text) . '.gif';
$field_image = '<img src="/' . path_to_theme() . $image_file . '" alt="'
. $field_text . '" border="0" />';
$new_output = str_replace($field_text, $field_image, $output);

print $new_output;

Noah

Noah believes that most of the world's problems can be solved with a level head and good software. Though experienced with a number of programming languages, he leans towards opensource because of his belief that knowledge and the tools to express oneself creatively should be freely accessible to everyone.

This entry was posted on Monday, February 9th, 2009 at 11:29 am and is filed under Devit!. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.