Rendering node fields in another region

Question

my content type contains several fields; body, field_meta_tags, field_image, field_date, etc.

In node.html.twig, using the without filter, I can replace the standard rendering of {{ content }} with {{ content|without('field_image') }} and all of the content, less the image, will display.

How can I expose this variable to another region and render the image through a different template, perhaps region--hero-image.html.twig?

Thanks!

Answer 1

Easiest way to do this is create a View with a block display, and set the node ID as the contextual filter. The output of the View should be "Content" and a view mode - this view mode can be set with its own twig template in the theme. You can add a view mode at Admin > Structure > Display Modes > View Modes, then go to whatever content type you need it for and configure the display. On the view mode, you can pick and chose what fields should display and what formatters they use.

Here is a good write up detailing it, and a YouTube video walking through view modes and what they are.

Once the View is created, you can place the block in the block admin, and set its visibility settings to only show on your content type(s) that you configured.

Answer 2

I found some code here: What's the best practice to show a node's fields in different regions? Placed this in my [theme_name].theme file:

function THEME_preprocess_region(&$variables) {
  //TODO: change for you region name
  if ($variables['region'] == 'sidebar_right') {
    if ($node = \Drupal::routeMatch()->getParameter('node')) {
      //TODO: change for you node type
      if ($node->getType() == 'article') {
        //If you need a flag for this type
        $variables['is_article'] = TRUE;
        //Here is your field
        $variables['node_field'] = $node->get('field_descricao')->view();
      }
    }
  }
}

With

{% if node_field %} 
  {{ node_field }}
{% endif %}

Placed in region--footer.html.twig (or the equivalent for whatever region you declared above). Obviously, field_descricao is the field you are rendering and node_field is whatever you wish your new variable to be.

This returns a link to my content (which is no longer an image but a node reference). I'm still looking for a way to render the full content, but this is closer than I was.

Any additional insight greatly appreciated!

Answer 3

Check out the experimental "Chaos Tools blocks" module, part of Drupal 8.3+. There is no documentation for it at all right now, but it's pretty easy.

• Enable Chaos Tools blocks module
• Create a display mode as discussed above. Set it to show only the field you want.
• In Block Layout -> Place Block, choose Entity View and configure as desired.
• I had to add a little custom css to keep the title from showing up. Something like .node--view-mode-display_mode_name { header {display: none;" }