Beim Textelement das verlinkte Bild als Hintergrundbild verwenden (Twig)
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
Code:
{% 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 %}
