Drupal 8 || 9 || 10 - TWIG templates: Getting files in taxonomy terms media fields from a Drupal node

drupal_8_9_10_twig_templates_getting_files_taxonomy_terms_media_fields_drupal_node_1.md

Drupal 8 || 9 || 10 - TWIG templates: Getting files in taxonomy terms media fields from a Drupal node

Sometimes, we have to build a file download button from a twig template. This can be done in many ways, but one of the most common use cases is to implement it directly from a twig template specific to that content type.

This gist covers a small and very specific use case where the file is part of a media type field present in a taxonomy term that is used in nodes of a content type: to extract the file path and form the download button path, we must traverse several levels..

Author

• David Rodríguez, @davidjguru.
• Github main profile: https://github.com/davidjguru.
• Contact at [email protected]
• Website: https://therussianlullaby.com
• Drupal.org profile: https://www.drupal.org/u/davidjguru
• Linkedin profile: https://www.linkedin.com/in/davidjguru
• Sketchbook, english: https://davidjguru.github.io
• Medium, spanish: https://medium.com/@davidjguru
• Snippets: https://gitlab.com/users/davidjguru/snippets
• Dev.to: https://dev.to/davidjguru

drupal_8_9_10_twig_templates_getting_files_taxonomy_terms_media_fields_drupal_node_2.md

From a file of the type page--node--content-type-name.html.twig, you can use something like:

{% if node and node.field_taxonomy_term is not empty %}
    {% set term = node.field_taxonomy_term.entity %}
    {% if term and term.field_media_field is not empty %}
        {% set media = term.field_media_field.entity %}
          {% if media and media.field_media_document is not empty %}
            {% set file = media.field_media_document.entity %}
                {% set file_url = file.uri.value %}
                  <div class="download-button">
                    <a class="button download" href="{{ file_url|file_url }}?download=true" title={{"Download file"|t}}>{{"Download file"|t}}</a>
                  </div>
          {% endif %}
    {% endif %}
{% endif %}