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.
