You are here

image-crop-summary.html.twig in Drupal 10

Default theme implementation for a summary of an image crop effect.

Available variables:

  • data: The current configuration for this resize effect, including:

    • width: The width of the resized image.
    • height: The height of the resized image.
    • anchor: The part of the image that will be retained after cropping.
    • anchor_label: The translated label of the crop anchor.
  • effect: The effect information, including:
    • id: The effect identifier.
    • label: The effect name.
    • description: The effect description.

File

core/modules/image/templates/image-crop-summary.html.twig
View source
  1. {#
  2. /**
  3. * @file
  4. * Default theme implementation for a summary of an image crop effect.
  5. *
  6. * Available variables:
  7. * - data: The current configuration for this resize effect, including:
  8. * - width: The width of the resized image.
  9. * - height: The height of the resized image.
  10. * - anchor: The part of the image that will be retained after cropping.
  11. * - anchor_label: The translated label of the crop anchor.
  12. * - effect: The effect information, including:
  13. * - id: The effect identifier.
  14. * - label: The effect name.
  15. * - description: The effect description.
  16. *
  17. * @ingroup themeable
  18. */
  19. #}
  20. {% if data.width and data.height -%}
  21. {{ data.width }}×{{ data.height }}
  22. {%- else -%}
  23. {% if data.width %}
  24. {% trans %}
  25. width {{ data.width }}
  26. {% endtrans %}
  27. {% elseif data.height %}
  28. {% trans %}
  29. height {{ data.height }}
  30. {% endtrans %}
  31. {% endif %}
  32. {%- endif %}

Related topics