How do you output views reference field views in Twig?

Question

I'm currently trying to output views referenced in a node (with Views Reference Field) inside page.html.twig Twig template.

I know I can just add or embed a view using {{ drupal_view('machine_name', 'block_1') }} (with Twig Tweak) in my Twig template. But I want the editors to have the flexibility to add or change views in the node and have them printed without writing code.

I can't seem to find any documentation on how to output a referenced view to my Twig template.

Answer 1

Got it!

You have to pass the view ID and the display ID to drupal_view() dynamically.

But first let me tell you that what you are doing, printing node stuff inside page level templates, should be considered bad practice. Good practice is to leave templates untouched, and to offer field formatters and other stuff instead that keeps the admin UI intact. So, when you get your first maintenance breakdown in a year or so, don't tell us we didn't warn you.

page.html.twig

{% if node.field_views and not node.field_views.isEmpty() %}
  {% for view in node.field_views.value %}
    {{ drupal_view(view['target_id'], view['display_id']) }}
  {% endfor %}
{% endif %}

You won't get the view title from here. Simply add some Global: unfiltered text to your view HEADER with any title markup. That will get printed.

---

drupal_view() requires Twig Tweak.

Answer 2

I've managed to render the view using view reference field module by printing {{ page.content }} but is there a way to explicitly to print and instead of using {{ page.content }}

At the moment you have the Views Reference Field in a content type and with {{ page.content }} you print the node, which is the main content of a node page.

If you want to render the View anywhere else on the page, without code, then

1. Create a custom block type: /admin/structure/block/block-content/types
2. Add a Views Reference Field to the block type.
3. Create a custom block for this block type: /admin/structure/block/block-content
4. Fill the reference field with a View.
5. Create a custom region: https://www.drupal.org/docs/8/theming-drupal-8/adding-regions-to-a-theme.
6. Place the block in the custom region: /admin/structure/block
7. Print this region anyhwere in the page template: {{ page.custom_region }}

This is of course only necessary if content editors should be able to add or change the View. To control the permissions for block types the same way as for content types install the module Block Content Permissions. If you want to display this block only on certain node pages you can configure the block visibility.