Inhaltselement CSS-Klasse per individuellem Template hinzufügen

[a-v-l]

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:

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

[07alex07]

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

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

[Samson1964]

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

[a-v-l]

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

<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.

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

[Andreas]

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

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

[Andreas]

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.