Bild Twig Template ergänzen um Bildtitel

Hallo,

die Twig Templates sind für mich immer wieder frustrierend, auch mit ChatGPT komm ich nicht voran.

Wenn ein Bild ein Bildtitel hat, soll dieser zusätzlich ausgegeben werden:

HTML-Code:

---

<figcaption class="caption">
<div class="inner">
<p class="title">Imagefilm</p>
<p class="caption">für ein Bremer Unternehmen</p>
</div>
</figcaption>

---

Ebenso würde ich gerne beim Link den title Tag ergänzen, so dass dort zB stehen würde in dem Fall "Imagefilm - für ein Bremer Unternehmen" und nicht nur Imagefilm.

Vielleicht hat Jemand schon ähnliches und kann mir einfach seinen Code und welches Template es ist zur Verfügung stellen.
Ich hatte schon _picture.html.twig, _figure.html.twig, image.html.twig versucht... Cache gelöscht, aber irgendwie wurde das nichts.

Zitat:

---

Zitat von kalterwind

Wenn ein Bild ein Bildtitel hat, soll dieser zusätzlich ausgegeben werden:

---

Theoretisch solltest du dir das _figure Template anpassen können. Dort überschreibst du bspw. den caption_inner Block und gibst zusätzlich figure.metadata.title aus.

Zitat:

---

Zitat von Spooky

Theoretisch solltest du dir das _figure Template anpassen können. Dort überschreibst du bspw. den caption_inner Block und gibst zusätzlich figure.metadata.title aus.

---

Code:

---

{% use "@Contao/component/_figure.html.twig" %}

{% block caption_inner %}
  {% if figure.metadata is defined and figure.metadata.title %}
    <strong class="figure-title">{{ figure.metadata.title }}</strong>
  {% endif %}
 {% if figure.metadata is defined and figure.metadata.caption %}
    <span class="figure-caption">{{ figure.metadata.caption }}</span>
  {% endif %}
{% endblock %}

---

Jetzt wird mir beides angezeigt, allerdings nur so lange auch etwas in der Bildunterschrift steht, fehlt dies, sollte jedoch nur der Bildtitel erscheinen.
Wie ich diese Twig Dinger verfluche, für mich nur Nachteile :)

Zitat:

---

Zitat von kalterwind

fehlt dies, sollte jedoch nur der Bildtitel erscheinen.

---

Dann musst du den gesamten caption Block überschreiben, um deine eigene Logik reinzubringen.

Zitat:

---

Zitat von kalterwind

Wie ich diese Twig Dinger verfluche, für mich nur Nachteile :)

---

Mit Twig an sich hat das nichts zu tun. Wäre es ein PHP Template mit diesem Aufbau, hättest du ja das selbe Problem.

Zitat:

---

Zitat von Spooky

Dann musst du den gesamten caption Block überschreiben, um deine eigene Logik reinzubringen.


Mit Twig an sich hat das nichts zu tun. Wäre es ein PHP Template mit diesem Aufbau, hättest du ja das selbe Problem.

---

Für mich hat es nur was mit den Twig-Gedöns zu tun, mit den normalen Templates hatte ich die letzten 15 Jahre keine Probleme, hier fehlt mir einfach das Verständnis.
zB hätte ich dann erwartet, es müsste sein:

Code:

---

{% use "@Contao/component/_figure.html.twig" %}

{% block figcaption %}
 <figcaption>
  {% if figure.metadata is defined and figure.metadata.title %}
    <strong class="figure-title">{{ figure.metadata.title }}</strong>
  {% endif %}
 {% if figure.metadata is defined and figure.metadata.caption %}
    <span class="figure-caption">{{ figure.metadata.caption }}</span>
  {% endif %}
  </figcaption>
{% endblock %}

---

Aber das funktioniert nicht. Der ganze Block wird ignoriert.

Der Block heißt caption, nicht figcaption, wie du es aktuell hast.

Zitat:

---

Zitat von lbableck

Der Block heißt caption, nicht figcaption, wie du es aktuell hast.

---

Code:

---

{% use "@Contao/component/_figure.html.twig" %}

{% block caption %}
  {% if figure.metadata is defined and figure.metadata.title %}
    <strong class="figure-title">{{ figure.metadata.title }}</strong>
  {% endif %}
 {% if figure.metadata is defined and figure.metadata.caption %}
    <span class="figure-caption">{{ figure.metadata.caption }}</span>
  {% endif %}
{% endblock %}

---

? Wird aber genau so ignoriert.
{% block caption_inner %} funktioniert, aber leider nur, wenn halt beide Felder gefüllt sind.

Bei mir funktioniert das so. Cache hast du geleert?

Zitat:

---

Zitat von kalterwind

Code:

---

{% use "@Contao/component/_figure.html.twig" %}

{% block caption %}
  {% if figure.metadata is defined and figure.metadata.title %}
    <strong class="figure-title">{{ figure.metadata.title }}</strong>
  {% endif %}
 {% if figure.metadata is defined and figure.metadata.caption %}
    <span class="figure-caption">{{ figure.metadata.caption }}</span>
  {% endif %}
{% endblock %}

---

? Wird aber genau so ignoriert.
{% block caption_inner %} funktioniert, aber leider nur, wenn halt beide Felder gefüllt sind.

---

So würdest du jetzt kein <figcaption> Element mehr ausgeben, sondern direkt <span> bzw. <strong>.

Zitat:

---

Zitat von lbableck

Bei mir funktioniert das so. Cache hast du geleert?

---

Stimmt. Klappt jetzt wie gewollt, danke euch.
Hatte den Contao Debug Modus an und zusätzlich per SSH den Cache immer geleert... aber wer weiss, was ich am Ende dann doch vergessen hatte.