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.

1 theme call to image-crop-summary.html.twig

CropImageEffect::getSummary in core/modules/image/src/Plugin/ImageEffect/CropImageEffect.php

File

core/modules/image/templates/image-crop-summary.html.twig

{#
/**
 * @file
 * 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.
 *
 * @ingroup themeable
 */
#}
{% if data.width and data.height -%}
  {{ data.width }}×{{ data.height }}
{%- else -%}
  {% if data.width %}
    {% trans %}
      width {{ data.width }}
    {% endtrans %}
  {% elseif data.height %}
    {% trans %}
      height {{ data.height }}
    {% endtrans %}
  {% endif %}
{%- endif %}

Related topics

Theme system overview

Functions and templates for the user interface that themes can override.