Hintergrundbild für Artikel?

Hallo,

ich habe einem Artikel ein Bild im BE hinzugefügt in den normalen Artikeleinstellungen.
Wie kann ich dieses Bild nun ausgeben lassen?

LG & Danke

Hallo fr3d83,
das löst du mit CSS und einem Hintergrundbild.

Du vergibst dem Artikel am besten eine CSS-ID oder -Klasse und kannst dann damit gezielt diesem Artikel ein Hintergrundbild zuweisen.

Du kannst dem Inhaltselement ein custom Template für solche Fälle zuweisen.

ce_text.html5 kopieren zu ce_text-bg und z.B. so anpassen.

Code:

---

<?php $this->extend('block_searchable'); ?>


<?php $this->block('content'); ?>


  <?php if (!$this->addBefore): ?>
        <?php echo $this->text; ?>
  <?php endif; ?>






<div class="banner-bg" style="background-image:url(<?php echo $this->picture['img']['src'] ?>)" >
  <?php if ($this->addBefore): ?>
      <div class="container overlayContent fullwidth-text"><?php echo $this->text; ?></div>
  <?php endif; ?>
</div>


<?php $this->endblock(); ?>

---

Zitat:

---

Zitat von Kahmoon

Du kannst dem Inhaltselement ein custom Template für solche Fälle zuweisen.

ce_text.html5 kopieren zu ce_text-bg und z.B. so anpassen.

Code:

---

<?php $this->extend('block_searchable'); ?>


<?php $this->block('content'); ?>


  <?php if (!$this->addBefore): ?>
        <?php echo $this->text; ?>
  <?php endif; ?>






<div class="banner-bg" style="background-image:url(<?php echo $this->picture['img']['src'] ?>)" >
  <?php if ($this->addBefore): ?>
      <div class="container overlayContent fullwidth-text"><?php echo $this->text; ?></div>
  <?php endif; ?>
</div>


<?php $this->endblock(); ?>

---

---

Danke aber wieso Inhaltselement, bei mir ging es doch jetzt um den Artikel, dass der Komplette Artikel samt Inhaltselementen ein Hintergrundbild bekommt. Dieses Bild füge ich unter Artikel bearbeiten hinzu.

Welche Erweiterung nutzt Du dafür?

Achso...sorry

Aber du kannst das vermutlich auch mit dem Artikeltemplate wie beschrieben anpassen. Es geht ja quasi nur um eine Zeile Code

Code:

---

<div class="banner-bg" style="background-image:url(<?php echo $this->picture['img']['src'] ?>)" >

---

Zitat:

---

Zitat von Kahmoon

Achso...sorry

Aber du kannst das vermutlich auch mit dem Artikeltemplate wie beschrieben anpassen. Es geht ja quasi nur um eine Zeile Code

Code:

---

<div class="banner-bg" style="background-image:url(<?php echo $this->picture['img']['src'] ?>)" >

---

---

Wenn ich das im mod_article template einfüge, bekomme ich die Seite "Es ist ein Fehler aufgetreten".

Das hier gibt mir das Bild aus aber wie bekomme ich hier nur den Pfad?

HTML-Code:

---

if($this->articleBackgroundImage) {
        echo Image::getHtml(\Contao\FilesModel::findByUuid($this->articleBackgroundImage)->path);
        echo "</img>";
    }

---

Stehe grad vor der selben Problematik.
Dem Artikel kann ich zwar eine Klasse geben, aber die wird ja im body Tag gesetzt, nicht im Artikel DIV.

Mein Artikel hat 3 Elemente und über dem gesamten Artikel soll nun ein Hintergrundbild gelegt werden.
Geht das nicht mit Contao Boardmitteln? (4.7.5)

Ah Sorry, mein Fehler.
Ich hatte die Klasse in der Seitenstruktur (Seite) gesetzt statt wie gewollt im Artikel.

Zitat:

---

Zitat von fr3d83

Das hier gibt mir das Bild aus aber wie bekomme ich hier nur den Pfad?

---

Hallo

schau mal hier rein - vielleicht ist es das, was du suchst bzw. kann dir soweit mal weiterhelfen.