Beim Textelement das verlinkte Bild als Hintergrundbild verwenden (Twig)

[mlweb]

Anforderung: Die im Inhaltselement verlinkten Bilder sollen bei einigen Elementen als Hintergrundbilder verwendet werden.
Lösung: Angepasstes Varianten-Template (/templates/content_element/text/bg_image.html.twig) für das Textelement mit folgendem Inhalt

{% extends "@Contao/content_element/text.html.twig" %}

{# Setzen des Hintergrundbildes mit setIfExists ... #}
{# Verwendung vom image.image.img.src, weil image hier schon um ein Figure-Objekt ist #}
{% set content_layout_attributes = attrs()
    .setIfExists('style', 'background-image: url(' ~ image.image.img.src ~ ')')
    .addClass('media media--' ~ layout, layout and image)
    .mergeWith(content_layout_attributes|default)
%}
{% block text_media %}
{#  Damit wird die normale Bildausgabe verhindert  #}
{% endblock %}

[Spooky]

Statt setIfExists reicht in diesem Fall auch set, da der String immer existiert.