Article Teaser Twig Template - Title

Hallo,

die ursprüngliche Artikel-Teaser-Twig-Vorlage sah so aus:

Code:

---

{% trans_default_domain "contao_default" %}
{% extends "@Contao/content_element/_base.html.twig" %}
{% use "@Contao/component/_read_more.html.twig" %}

{% set headline = {tag_name: 'h1', text: article.title} %}

{% block content %}
    {% block teaser %}
        {{ article.teaser|default|insert_tag|raw }}
    {% endblock %}

    {% block link %}
        {% with {title: 'MSC.readMore'|trans([article.title])} %}
            {{ block('read_more_component') }}
        {% endwith %}
    {% endblock %}
{% endblock %}

---

Ich versuche schon seit einiger Zeit, den "tag_name" des Titels von H1 in H3 zu ändern.

Ich habe viele Varianten ausprobiert, aber ich habe immer noch nicht die richtige.

Ich versuche auch, das Layout der Elemente zu ändern. Im Moment steht oben ein Titel, dann das Bild und dann ganz unten der Link. Ich benötige einen Titel unter dem Bild, kann ihn aber nicht in den Block „Inhalt“ einfügen.

Hat jemand Erfahrung mit der Anpassung von Twig-Vorlagen, um weiterzuhelfen?

Danke im Voraus

Zitat:

---

Zitat von cleanerrr

die ursprüngliche Artikel-Teaser-Twig-Vorlage sah so aus:

---

Du meinst das Template teaser.html.twig denke ich

Zitat:

---

Zitat von cleanerrr

Hallo,
Ich versuche schon seit einiger Zeit, den "tag_name" des Titels von H1 in H3 zu ändern.
Ich habe viele Varianten ausprobiert, aber ich habe immer noch nicht die richtige.

---

Es wäre überaus interessant zu wissen was genau Du versuchst hast.

Bei den Änderungen die Du getestet hast, warst Du im Debug-Modus oder hast nach jeder Änderung den Symfony-Cache gelöscht um zu sehen ob die Änderung gegriffen hat?
Wie sieht Deine Verzeichnisstruktur aus? Wie heißt Dein neues Template?

Zitat:

---

Zitat von mlweb

Du meinst das Template teaser.html.twig denke ich



Es wäre überaus interessant zu wissen was genau Du versuchst hast.

Bei den Änderungen die Du getestet hast, warst Du im Debug-Modus oder hast nach jeder Änderung den Symfony-Cache gelöscht um zu sehen ob die Änderung gegriffen hat?
Wie sieht Deine Verzeichnisstruktur aus? Wie heißt Dein neues Template?

---

Vielen Dank für Ihre Unterstützung

Ja, es ist die Vorlage teaser.html.twig

Ich habe den Namen nicht geändert und den Symfony-Cache nach den Änderungen bereinigt.

Ich habe Folgendes versucht:

Code:

---

{% extends "@Contao/content_element/teaser.html.twig" %}

{% set headline = {tag_name: 'h3', text: article.title} %}

---

Da sich der Titel außerhalb des „Inhalt“-Blocks befindet, konnte ich nicht herausfinden, wie ich die Struktur der Elemente ändern kann.

Ich habe auch versucht, die gesamte Teaser-Vorlage neu zu schreiben, nur mit der Änderung „tag_name“, aber auch das hat nicht funktioniert.

Also mit Überschreiben des gesamten Twig-Templates funktioniert das in meinem Test.
Sinnvoll wäre allerdings schon mit Vererbung zu arbeiten. Da Du aber noch weitere Anpassungen vornehmen willst vielleicht nicht unbedingt.

Code:

---

{% trans_default_domain "contao_default" %}
{% extends "@Contao/content_element/_base.html.twig" %}
{% use "@Contao/component/_read_more.html.twig" %}




{% block content %}
    {% block teaser %}
   
        {{ article.teaser|default|insert_tag|raw }}
        <h3>{{ article.title }}</h3>
    {% endblock %}


    {% block link %}
        {% with {title: 'MSC.readMore'|trans([article.title])} %}
            {{ block('read_more_component') }}
        {% endwith %}
    {% endblock %}
{% endblock %}

---

Damit steht der Titel z.B. direkt vor Read-More in einer h3

Zitat:

---

Zitat von mlweb

Code:

---

{% trans_default_domain "contao_default" %}
{% extends "@Contao/content_element/_base.html.twig" %}
{% use "@Contao/component/_read_more.html.twig" %}




{% block content %}
    {% block teaser %}
   
        {{ article.teaser|default|insert_tag|raw }}
        <h3>{{ article.title }}</h3>
    {% endblock %}


    {% block link %}
        {% with {title: 'MSC.readMore'|trans([article.title])} %}
            {{ block('read_more_component') }}
        {% endwith %}
    {% endblock %}
{% endblock %}

---

Damit steht der Titel z.B. direkt vor Read-More in einer h3

---

Das funktioniert :D

Ich habe es anders versucht.

Jetzt sehe ich den Fehler.

Vielen Dank für Ihre Hilfe

LG

Zitat:

---

Zitat von cleanerrr

Ich habe es anders versucht.

---

Nächstes mal solltest du deinen Versuch auch immer posten. Du hattest immer nur vage angedeutet, dass du Versuche gemacht hast, aber nie exakt beschrieben, was genau du gemacht hast.