How to display the summary (teaser) over the body in a full content view

Question

I want to display a teaser on the top of each article under the title, as in following “full content” layout:

1. Title
2. Teaser (article summary)
3. Image
4. Body

Moreover the teaser should have its own formatting (for example italic and a bigger font)

I did not find any way to do that without editing tpl files or core files.

A solution would be to add a new field "article_teaser" to my content type, then manage display in order to get my layout in “Full content” view. This works, but I do not like to have two teaser-fields in my input content form, because I should type two times the same text.

It seems that I cannot split the field body in its “text” and “summary” parts, but I can only display one or the other, but not both!

Is there any way (a module?) to do that?

(My environment: Drupal 7 with Zen sub theme.)

Answer 1

You can do this with Views. Create a view that overrides the paths for your content type. Set the display to Fields and then add the body field twice; set the first instance to display the teaser and the second instance to display the body. You can add the images in between. Views will also allow you to customize the CSS of the teaser/body fields easily (by default, Views provides a number of classes, and you can add additional classes if necessary).

For reference: Node One series of video screencasts on using Views

Answer 2

on drupal 7:

In the field Body you can use 'rewrite result' and use in the 'replacement patterns' this:

[body-summary]

and this this will display the full summary.

Answer 3

Views can definitely do the job. But I think it is a little bit overkill for this requirement.

Another way to achieve that is implement hook_field_extra_fields() and hook_node_view() in your custom module.

/**
 * Implements hook_field_extra_fields().
 */
function mymodule_field_extra_fields() {
  // Put the content type you want to display summary field here.
  $content_type = 'page';

  $extra['node'][$content_type]['display']['body_summary'] = array(
    'label' => t('Body summary'),
    'description' => t('Display body summary.'),
    'weight' => 0,
  );

  return $extra;
}

/**
 * Implements hook_node_view().
 */
function mymodule_node_view($node, $view_mode, $langcode) {
  // Put the content type you want to display summary field here.
  $content_type = 'page';

  if ($node->type == $content_type) {
    $summary = field_view_field('node', $node, 'body', array(
      'type' => 'text_summary_or_trimmed',
    ));

    $node->content['body_summary'] = array(
      '#markup' => $summary,
      '#weight' => 0,  
    );
  }
}

Clear the cache and you can go to the content type "Manage display" settings to drag and drop to place the "body summary" field. For example admin/structure/types/manage/page/display.

Answer 4

For content type redefinition you need to look at Panels because one of the function of Panels is exactly redefining the basic look of certain Content Types (or information based on other selection criteria) Csaba

Answer 5

As Arjan noticed Cityreader's snippet produces the result but it does not render properly.

This variation worked for me:

 /**
 * Implements hook_field_extra_fields().
 */
function mymodule_field_extra_fields() {
  // Put the content type you want to display summary field here.
  $content_type = 'page';

  $extra['node'][$content_type]['display']['body_summary'] = array(
    'label' => t('Body summary'),
    'description' => t('Display body summary.'),
    'weight' => 0,
  );

  return $extra;
}

/**
 * Implements hook_node_view().
 */
function mymodule_node_view($node, $view_mode, $langcode) {
  // Put the content type you want to display summary field here.
  $content_type = 'page';

  if ($node->type == $content_type) {
    $summary = field_view_field('node', $node, 'body', array(
      'type' => 'text_summary_or_trimmed',
    ));

    $node->content['body_summary'] = array(
      '#markup' => $summary['#items'][0]['safe_summary'],
      '#weight' => 0,  
    );
  }
}

Answer 6

If you are interested in no-code solution using Views and Display Suite module you can:

1. Create Views block with summary field on it. Under Contextual filter option in advanced settings you can set "Provide default value" option with type Content ID from URL.

2. Under Content Types -> [your content type] -> Manage display select Custom fields option (menu at the bottom) and create Custom block field from View you created in step 1.

3. On save Custom field will appear in the node type field list where you can choose in which region will it appear.