Inhaltselement Bild in Template als CSs Background-Image

[kurcob]

Hallo Liebe Community.
Ich möchte gern ein Bild welches von einem Redakteur als Inhaltstyp Bild in einem Artikel eingepflegt wird in meinem dazugehörigen Template als Hintergrundbild (background-image: url(??)) einbinden. Leider habe ich keine direkte Idee wie man das elegant löst. Hat jemand einen Vorschlag dazu?

Danke.

[andre.saage]

probier es mal mit

background-image: url('<?= $this->singleSRC  ?>');

wenn das generell so sein soll im picture_default template

wenn du es nur für ce_image_image brauchst ersetzte die Zeile:

 <?php $this->insert('picture_default', $this->picture); ?>

mit deinem eigenen Kostrukt.

Allerdings erschließt sich mir nicht ganz der Sinn dahinter.

[kurcob]

Vielen Dank für die Antwort. Aber was ich noch nichts ganz verstanden habe ist, wie ich direkt an dieses Inhaltselement komme. In meinem Artikel liegen mehrere Inhaltselemente: Texte, Bilder
artikel.PNG
Wenn ich mir in meinem template die verfügbaren Variablen anzeigen lassen ist

$this->picture

nicht befüllt.

[andre.saage]

in WELCHEM Template bist du denn?
Du solltest vielleicht erklären, was du genau erreichen willst.
Klingt fast so, als möchtest du das ce_image als Hintergrund für deinen Artikel (gemutmaßt).

[kurcob]

Ich bin in einem eigenem Template.

[andre.saage]

wenn du das als Template bei deinem Inhaltselement auch ausgewählt hast

[[Template-Einstellungen
Individuelles Template
Hier können Sie das Standard-Template überschreiben.]]

dann sollte this->pictue auch befüllt sein

[kurcob]

Ok. Das ist eine Möglichkeit. Dort könnte man ein eigenes kleines Template anlegen, zB so:

<div style="background-image: url('<?= $this->picture;  ?>');"</div>

Wie kann ich dann aber dieses Template in meinem anderen Template aufrufen an der Stelle anzeigen lassen an der ich sie brauche in dem "umgebenden" Template?

<div>
<div style="background-image: url('<?= $this->picture;  ?>');"</div> <!-- Hintergrundbild!-->
<div>
Lorem ipsum ....
</div>
</div>

[Samuell]

Generelle Info:
Falls nochmal jemand ein Element "Text mit Hintergrundbild" benötigt gibt es 3 Möglichkeiten:

1. Template anpassen (wird hier gerade im Thema erklärt)
2. Inhaltselement um Feld "Hintergrundbild" erweitern
3. Eigenes Inhaltselement mit der Erweiterung "Custom Elements" erstellen

Welchen Weg Ihr wählt kommt meist auf den speziellen Anwendungsfall an.
Nicht jedem Redakteur kann man zB. zutrauen ein eigenes Template auszuwählen

Ergänzung:
Welches Template das Inhaltselement nutzt kannst Du in Contao 3.5 direkt in einem Selectmenu im Inhaltselement auswählen.

[andre.saage]

das Problem was ich sehe ist, dass es irgendwie wenig Sinn macht ein Inhaltselement Bild (ce_image) mit einem Hintergrund zu versehen.
Wenn das ein Hintergrundbild für den Artikel oder gar die Seite werden soll ist das jedenfalls nicht der richtige Weg.

[kurcob]

Wie wäre denn der richtige Weg?

[andre.saage]

Ja Wofür denn?

[Samuell]

Was hast Du denn vor?

Willst Du einen Trenner als Hintergrundbild setzen lassen oder soll es eine Kopfgrafik sein?
Oder geht es einfach nur um eine "Box"?

[kurcob]

Ein Bild als Hintergrund einzubinden

[kurcob]

Eher eine art Kopfgrafik aber vom Redakteur pflegbar

[Samuell]

Es macht durchaus einen Unterschied ob es

* ein Trenner werden soll
* ein Hintergrundbild im Header sein soll
* ein Hintergrundbild einer Box sein soll

Der ideale Weg kann je nach Anwendungsfall etwas anders aussehen.

Aber wenn Du "einfach nur ein Hintergrundbild mit Text drauf" willst, dann nimm einfach ein verändertes Inhaltselement "Text mit Bild" und schau wie Du damit klarkommst :-)

[kurcob]

Es soll ein Hintergrundbild in einer Box sein

[andre.saage]

für den Fall, dass du Seitenweise EIN Bild benötigst kannst du dir auch mal
https://contao.org/de/erweiterungsli...erpicture.html anschauen.

[Samuell]

Genau, für EIN Hintergrundbild pro Seite wäre meine Ideallösung auch die von andre.saage genannte Erweiterung "coverpicture" oder ein angepasstes Inhaltselement "ce_image".
Was Du davon nimmst ist Geschmackssache.

[kurcob]

Ist es denn auch möglich Templates zu verschachteln?

[Samuell]

Bei Inhaltselementen glaub ich eher nicht.
Mußt Du für Dein Vorhaben aber auch nicht.
Templates werden für Inhaltselemente komplett ersetzt.

[andre.saage]

verschachteln passiert ja genau
an der Stelle im ce_image template...
<?php $this->insert('picture_default', $this->picture); ?>
dort wird das picture_default template eingefügt.