Tipps und Tricks Filter

Beim Bildelement das Bild als Hintergrundbild verwenden

Im Forum gab es die Frage wie man beim Bildelement das Bild als Hintergrundbild verwenden kann.

Hier das Endergebnis:

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

{# Setzen des Hintergrundbildes mit set #}
{# Verwendung vom images.0.image.img.src, weil image hier schon um ein Figure-Objekt ist #}
{% if images and not as_editor_view %}
    {% set attributes = attrs()
        .set('style', 'background-image: url(' ~ images.0.image.img.src ~ ')')
        .addClass('content-image--bg-parallax')
        .mergeWith(content_layout_attributes|default) %}
{% endif %}

{% block content %}
    {#  Damit wird die normale Bildausgabe verhindert, Anzeige nur im Backend #}
    {% if as_editor_view %}

        {% if images %}
            {% with {figure: images|first} %}{{ block('figure_component') }}{% endwith %}
        {% endif %}

    {% endif %}
{% endblock %}

Quelle: Forum

Nachtrag: Symfony Cache musst in Contao 5.3 auf jeden Fall gelöscht werden, sonst greifen die Änderungen nicht. Mit dem Template-Studio in Contao 5.6 ist das (manuelle) Löschen des Symfony Caches dann nicht mehr erforderlich.