image-formatter.html.twig

Same filename in this branch
  1. 8.9.x core/themes/stable/templates/field/image-formatter.html.twig
  2. 8.9.x core/modules/image/templates/image-formatter.html.twig
Same filename in other branches
  1. 9 core/themes/stable9/templates/field/image-formatter.html.twig
  2. 9 core/themes/stable/templates/field/image-formatter.html.twig
  3. 9 core/themes/starterkit_theme/templates/field/image-formatter.html.twig
  4. 9 core/themes/classy/templates/field/image-formatter.html.twig
  5. 9 core/modules/image/templates/image-formatter.html.twig
  6. 10 core/themes/stable9/templates/field/image-formatter.html.twig
  7. 10 core/themes/starterkit_theme/templates/field/image-formatter.html.twig
  8. 10 core/modules/image/templates/image-formatter.html.twig
  9. 11.x core/themes/stable9/templates/field/image-formatter.html.twig
  10. 11.x core/themes/starterkit_theme/templates/field/image-formatter.html.twig
  11. 11.x core/modules/image/templates/image-formatter.html.twig

Theme override to display a formatted image field.

Available variables:

  • image: A collection of image data.
  • image_style: An optional image style.
  • url: An optional URL the image can be linked to.

See also

template_preprocess_image_formatter()

3 theme calls to image-formatter.html.twig
ImageFormatter::viewElements in core/modules/image/src/Plugin/Field/FieldFormatter/ImageFormatter.php
Builds a renderable array for a field value.
ImageThemeFunctionTest::testImageFormatterTheme in core/modules/image/tests/src/Kernel/ImageThemeFunctionTest.php
Tests usage of the image field formatters.
MediaThumbnailFormatter::viewElements in core/modules/media/src/Plugin/Field/FieldFormatter/MediaThumbnailFormatter.php
Builds a renderable array for a field value.

File

core/themes/classy/templates/field/image-formatter.html.twig

View source
  1. {#
  2. /**
  3. * @file
  4. * Theme override to display a formatted image field.
  5. *
  6. * Available variables:
  7. * - image: A collection of image data.
  8. * - image_style: An optional image style.
  9. * - url: An optional URL the image can be linked to.
  10. *
  11. * @see template_preprocess_image_formatter()
  12. */
  13. #}
  14. {% if url %}
  15. {{ link(image, url) }}
  16. {% else %}
  17. {{ image }}
  18. {% endif %}

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.