Bild Twig Template ergänzen um Bildtitel

[kalterwind]

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:

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

[Spooky]

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.

[kalterwind]

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.

{% 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

[Spooky]

fehlt dies, sollte jedoch nur der Bildtitel erscheinen.

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

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.

[kalterwind]

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:

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

[lbableck]

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

[kalterwind]

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

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

[lbableck]

Bei mir funktioniert das so. Cache hast du geleert?

[Spooky]

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

[kalterwind]

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.