Tipps und Tricks Filter

Beim Bildelement das Bild als Hintergrundbild verwenden

von BugBuster

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.