Inhaltselement CSS-Klasse per individuellem Template hinzufügen

Hallo zusammen!

Ich möchte dem Inhaltselement "Bild" genau dann die CSS-Klasse "has-caption" hinzufügen, wenn das auch der Fall ist. Dazu habe ich das Template "ce-Image.html" versucht so zu erweitern:

PHP-Code:

---

if ($this->caption) {
  $this->classes[] = "has-caption";
} 


---

Leider führt das zu nichts. Hatte ich mir aber auch schon gedacht, da $this->classes geschützt ist.

Wie könnte ich das trotzdem umsetzen ohne, dass der Nutzer die Klasse jedesmal manuell eingeben muss?

Vielen Dank und Grüße in die Runde!
Arndt

Da wird ja schon eine Klasse gesetzt. Füg deine einfach ein.

https://github.com/contao/core/blob/...ce_image.html5

PHP-Code:

---

<figure class="image_container<?php if($this->caption): ?> has-caption<?php endif; ?>"<?php if ($this->margin): ?> style="<?= $this->margin ?>"<?php endif; ?>>

---

Danke für die Antworten, aber ich habe mich scheinbar falsch ausgedrückt: Ich versuche dem übergeordneten Block eine Klasse hinzuzufügen:

HTML-Code:

---

<div class="ce_image block has-caption">
  <figure class="image_container"> 
    <img src="assets/images/a/XYZ.jpg" alt="xyz">
    <figcaption class="caption">
      Lorem Ipsum
    </figcaption>
  </figure>
</div>

---

vs.

HTML-Code:

---

<div class="ce_image block">
  <figure class="image_container"> 
    <img src="assets/images/a/XYZ.jpg" alt="xyz">
  </figure>
</div>

---

Das Array ->classes ist wohl nur zum checken dort drin. Die Klasse wird aus ->class ins Template gerendert. Versuch mal das hier:

PHP-Code:

---

<?php
  $this->extend('block_searchable');
  $this->class = $this->caption ? $this->class.' has_caption' : $this->class;

---

Wenn du sowas öfters machst und keine angepassten Templates haben möchtest, dann kannst du auch leicht ein eigenes JS-Script dafür schreiben. Nach CAPTIONs suchen und den Parents die Klasse "has_caption" hinzufügen. Das wäre dann übersichtlicher.