I'm looking to render a certain field before the node's title when displaying a teaser in D7.
Effectively I want to go from this to this.
I have looked into updating the node.tpl.php but I notice that it separates $title from $content so I'm unsure how to approach this. After some searching I have found that people have suggested using CCK and ConTemplate modules to get around this in Drupal-6 but I'm wondering if there is a more Drupal-7 solution.
Any suggestions?
This is really quite simple with Drupal 7.
With render and hide you know have the posibility to control the placement of a single element in $content without having to print out all the items yourself like was needed in Drupal 6.
A simplified node template looks like this:
<div>
<h2><?php print $title; ?></h2>
<div class="content">
<?php print render($content); ?>
</div>
</div>
A little modification would handle your needs:
<div>
<?php print render($content['field_name_of_image']); ?>
<h2><?php print $title; ?></h2>
<div class="content">
<?php print render($content); ?>
</div>
</div>
Using render, you can output an element. This is more clever than simply printing stuff, as Drupal will keep track of what has been rendered, to avoid the same thing being printed twice on the place. When rendering the field above the title you are also removing for what's rendered when $content is rendered.
Display Suite is also pretty cool.
Display Suite allows you to take full control over how your content is displayed using a drag and drop interface. Arrange your nodes, views, comments, user data etc. the way you want without having to work your way through dozens of template files. A predefined list of layouts (D7 only) is available for even more drag and drop fun!
Have a look at the Title module - http://drupal.org/project/title. It might prove useful for your scenario. I installed/enabled it for some reason, probably similar to yours, and it seemed to give flexibility of how to place the title field.
I have since disabled it (and am using Display Suite), so my recall might be a bit sketchy.
This is a hackish solution and I'm sure someone will come up with something more elegant, but in case you're stuck, and no one does...
You could use page.tpl.php to remove the printing of $title altogether, and add a new custom field called Title with machine name $new_title or something like that. Then on node edit, hide the original Title box, and on node Save use Computed Field or some custom php to copy the $new_title to $title.
After all that, write some css to make $new_title look like the page title did before and you should be able to place whatever fields in whatever order you like, just by dragging and dropping in the manage fields screen. Because you copied over $new_title to $title, the page title in the browser bar should still work and nothing should complain about missing node titles.
Like I said, it's a hack - but it would work. Let me know if you need more info
page.tpl.php (garland)
...
<div id="center"><div id="squeeze"><div class="right-corner"><div class="left-corner">
<?php print $breadcrumb; ?>
<?php if ($mission): print '<div id="mission">'. $mission .'</div>'; endif; ?>
/*
* Print custom block or var
*/
<?php if ($custom_block): print '<div id="custom-block" class="clear-block">'. $custom_block .'</div>'; endif; ?>
<?php if ($tabs): print '<div id="tabs-wrapper" class="clear-block">'; endif; ?>
<?php if ($title): print '<h2'. ($tabs ? ' class="with-tabs"' : '') .'>'. $title .'</h2>'; endif; ?>
<?php if ($tabs): print '<ul class="tabs primary">'. $tabs .'</ul></div>'; endif; ?>
<?php if ($tabs2): print '<ul class="tabs secondary">'. $tabs2 .'</ul>'; endif; ?>
<?php if ($show_messages && $messages): print $messages; endif; ?>
<?php print $help; ?>
<div class="clear-block">
<?php print $content ?>
</div>
<?php print $feed_icons ?>
<div id="footer"><?php print $footer_message . $footer ?></div>
</div></div></div></div> <!-- /.left-corner, /.right-corner, /#squeeze, /#center -->
...
template.php
/**
* Override or insert variables into the page template.
*/
function phptemplate_preprocess_page(&$variables) {
$node = $variables['node'];
if($node->type == MY_NODE_TYPE) {
$variables['custom_block'] = 'bla bla bla';
}
}
This doesn't apply to the Teaser question in the original post, but for people who stumble across this and just want to make it happen in the full view, here's a code-free option: display the field in a block (using views, for instance) and place that block above your content block but in the same region.
I think you should to use preprocess functions in your template.php
/**
* Override or insert variables into the page template.
*/
function THEMENAME_process_page(&$variables) {
// look for $variables['page_title'] if i remember
}
And as additional
/**
* Override or insert variables into the node template.
*/
function THEMENAME_preprocess_node(&$variables) {
//
}
dump variables and do anything what you want. add/remove/update.
I resolved this by codeless solution using Display Suite and its "Region to Block" extras feature. I like this solution most for its flexibility.
Basically, enable "Region to Block" extras part, enable "Fulltext Content" display in Display Suite. (assuming you want to display content above title in the full-node display, similarly you can use it for any other view mode except Default). Now, in "Manage display" part of "Fulltext Content", at the bottom of the screen, the "Block Regions" tab should appear. Enter new block name there, save and drag&drop the desired fields to this block. Lastly, move the newly created block in Blocks screen somewhere above the node title.
You can see the video of same approach here: http://www.youtube.com/watch?v=y4wyjxyhbNA , of course you need to place the block above title (not to the left sidebar) at the end.
For zen templates below code works for me.
<?php
// this goes in template.php
// check if node type page and then add to $vars array
// declaring $vars['foo'] gives you a $foo variable to use in page.tpl.php
function YOURTHEMENAME_preprocess_page(&$vars, $hook) {
if (isset($vars['node'])) :
if($vars['node']->type == 'page'):
$node = node_load($vars['node']->nid);
$output = field_view_field('node', $node, 'field_image', array('label' => 'hidden'));
$vars['my_image_field'] = $output;
endif;
endif;
}
?>
So finally, you can easily print your field in page.tpl.php;
<?php
if ($my_image_field):
print render($my_image_field);
endif;
?>
I know you would have already used some theme to build and now trying to add the fields at the top of title.
My Suggestions to all developers building theme on Drupal 7 would be to use: Omega theme + Context and Delta modules. This gives a very strong foundation for your layout.
And flexibility on arranging Regions, Blocks and Fields.
You can do ist with panels module
