Contao 4.9.x Metadaten Titel eines Galeriebildes im FE ausgeben

Gerne möchte ich den im Backend in der Dateiverwaltung zu einem Bild angegebenen Metadaten Titel innerhalb einer Galerie im Frontend ausgeben; das HTML könnte dann so aussehen:

HTML-Code:

---

<figure class="image_container">
<picture>
<img>
</picture>
<figcaption class="caption">Bildunterschrift</figcaption>
<div class="titletext">Der Titel</div>
</figure>

---

Dank meiner eigentlich nicht vorhandenen PHP-Kenntnisse weiss ich jetzt nicht welches Templates ich wie bearbeiten muss? Für Tipps und Hinweise wäre ich dankbar.

So, über

PHP-Code:

---

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

---

habe ich herausgefunden, dass ich das Template image.html5 so bearbeiten kann:

PHP-Code:

---

<figure class="image_container<?= $this->floatClass ?>"<?php if ($this->margin): ?> style="<?= $this->margin ?>"<?php endif; ?>>
  <?php if ($this->imageHref || $this->href): ?>
    <a href="<?= $this->imageHref ?: $this->href ?>"<?php if ($this->linkTitle): ?> title="<?= $this->linkTitle ?>"<?php endif; ?><?= $this->attributes ?>>
  <?php endif; ?>

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

  <?php if ($this->imageHref || $this->href): ?>
    </a>
  <?php endif; ?>

  <?php if ($this->caption): ?>
    <figcaption class="caption"><?= $this->caption ?></figcaption>
   <div class="titletext"><?= $this->imageTitle ?></div>
  <?php endif; ?>
</figure>

---

Für die Ausgabe eines einzelnen Bildes wird mir im FE nun ein Bildtitel angezeigt. Leider funktioniert das aber nicht wenn Bilder innerhalb einer Galerie verwendet werden. Ab hier komme ich nicht weiter; any ideas:o

Ab Contao 4.9.13 sollte die Änderung des image Templates eigentlich reichen - es sei denn du hast bereits ein angepasstes gallery_default Template. Dann musst du das gallery_default Template löschen bzw. entsprechend aktualisieren.

Danke Spooky,
ein angepasstes gallery_default Template benutze ich nicht. Ein image.html5 template mit diesem Inhalt:

PHP-Code:

---

<figure class="image_container<?= $this->floatClass ?>"<?php if ($this->margin): ?> style="<?= $this->margin ?>"<?php endif; ?>>
  <?php if ($this->imageHref || $this->href): ?>
    <a href="<?= $this->imageHref ?: $this->href ?>"<?php if ($this->linkTitle): ?> title="<?= $this->linkTitle ?>"<?php endif; ?><?= $this->attributes ?>>
  <?php endif; ?>

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

  <?php if ($this->imageHref || $this->href): ?>
    </a>
  <?php endif; ?>

<div class="titletext"><?= $this->imageTitle ?></div>

  <?php if ($this->caption): ?>
    <figcaption class="caption"><?= $this->caption ?></figcaption>
  <?php endif; ?>
</figure>

---

erzeugt in einem Content-Element Bild dieses HTML, der Container <div class="titletext"></div> wird befüllt:

HTML-Code:

---

<figure class="image_container">
<img src="">
<div class="titletext">Metaangabe Titel</div>
<figcaption class="caption">Bildunterschrift</figcaption>
</figure>

---

In einem Content-Element Galerie hingegen wird dieses HTML erzeugt, der Container <div class="titletext"></div> bleibt leer:

HTML-Code:

---

<figure class="image_container">
<a href="link" title="Metaangabe Titel" data-lightbox="lbnr" class="cboxElement">
<picture>
<source srcset="">
<img src="">
</picture>
</a>
<div class="titletext"></div>
<figcaption class="caption">Bildunterschrift</figcaption>
</figure>

---

Wie erreiche ich, dass mir die Metaangabe Titel auch in der Listenansicht aller Bilder einer Galerie im FE angezeigt wird. Vielen Dank für Hilfe und Support.

Hast du denn mit $this->dumpTemplateVars() schon überprüft was du in einer Galerie im image Template bekommst?

Hi Spooky,
ich denke schon, dort habe ich diese Zeile gefunden:

Code:

---

"linkTitle" => "Metaangabe Titel"

---

und bei Verwendung der Variablen im Template image.html5 wird mir ja auch die eingetragene Metaangabe angezeigt. Oder welche Informationen fehlen hier?

Aaaaaaha,
um die Metadaten Titel auch in einer Galerie auszugeben muss im Template image.hmtl5 die Variable

Code:

---

linkTitle

---

und nicht die Variable

Code:

---

imageTitle

---

verwendet werden. Vielen Dank für deine Hilfe zur Selbsthilfe, Spooky. You made my day :D:D:D