image-effects-background-summary.html.twig in Image Effects 8.2

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

Available variables:

• data: The current configuration for this background effect, including:
  • placement: The position of the source image on the background image.
  • x_offset: The X offset vs placement.
  • y_offset: The Y offset vs placement.
  • opacity: The opacity of the source image when overlaid on the background image.
  • background_image: The background image file URI/path.
  • background_image_width: The background image width.
  • background_image_height: The background image height.
• effect: The effect information, including:
  • id: The effect identifier.
  • label: The effect name.
  • description: The effect description.

1 theme call to image-effects-background-summary.html.twig

BackgroundImageEffect::getSummary in src/Plugin/ImageEffect/BackgroundImageEffect.php

Returns a render array summarizing the configuration of the image effect.

File

templates/image-effects-background-summary.html.twig

{#
/**
 * @file
 * Default theme implementation for a summary of an image background effect.
 *
 * Available variables:
 * - data: The current configuration for this background effect, including:
 *   - placement: The position of the source image on the background image.
 *   - x_offset: The X offset vs placement.
 *   - y_offset: The Y offset vs placement.
 *   - opacity: The opacity of the source image when overlaid on the background
 *     image.
 *   - background_image: The background image file URI/path.
 *   - background_image_width: The background image width.
 *   - background_image_height: The background image height.
 * - effect: The effect information, including:
 *   - id: The effect identifier.
 *   - label: The effect name.
 *   - description: The effect description.
 *
 * @ingroup themeable
 */
#}
{% spaceless %}
  - {{ 'Image'|t }}: <strong>{{ data.background_image|e }}</strong> ({{ data.background_image_width|e }}x{{ data.background_image_height|e }}),
    {{ 'Placement'|t }}: {{ data.placement|e }},
    {% if data.x_offset %}{{ 'X offset'|t }}: {{ data.x_offset|e }}px,{% endif %}
    {% if data.y_offset %}{{ 'Y offset'|t }}: {{ data.y_offset|e }}px,{% endif %}
    {{ 'Opacity'|t }}: {{ data.opacity|e }}%
{% endspaceless %}