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

Default theme implementation for a summary of an image scale 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.
  • upscale: If images larger than their original size can scale.
• effect: The effect information, including:
  • id: The effect identifier.
  • label: The effect name.
  • description: The effect description.

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

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

File

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

{#
/**
 * @file
 * Default theme implementation for a summary of an image scale 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.
 *   - upscale: If images larger than their original size can scale.
 * - 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 %}

{% if data.upscale %}
  {% trans %}
    (upscaling allowed)
  {% endtrans %}
{% endif %}

Related topics

Theme system overview

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