Ergebnis 1 bis 7 von 7

Thema: Article Teaser Twig Template - Title

  1. #1
    Contao-Nutzer
    Registriert seit
    01.06.2018.
    Beiträge
    107

    Standard 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
    Geändert von cleanerrr (13.05.2024 um 11:18 Uhr)

  2. #2
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.811
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zitat Zitat von cleanerrr Beitrag anzeigen
    die ursprüngliche Artikel-Teaser-Twig-Vorlage sah so aus:
    Du meinst das Template teaser.html.twig denke ich

    Zitat Zitat von cleanerrr Beitrag anzeigen
    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?
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  3. #3
    Contao-Nutzer
    Registriert seit
    01.06.2018.
    Beiträge
    107

    Standard

    Zitat Zitat von mlweb Beitrag anzeigen
    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.

  4. #4
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.811
    Contao-Projekt unterstützen

    Support Contao

    Standard

    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.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  5. #5
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.811
    Contao-Projekt unterstützen

    Support Contao

    Standard

    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
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  6. #6
    Contao-Nutzer
    Registriert seit
    01.06.2018.
    Beiträge
    107

    Standard

    Zitat Zitat von mlweb Beitrag anzeigen
    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

    Ich habe es anders versucht.

    Jetzt sehe ich den Fehler.

    Vielen Dank für Ihre Hilfe

    LG

  7. #7
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    34.301
    Partner-ID
    10107

    Standard

    Zitat Zitat von cleanerrr Beitrag anzeigen
    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.
    » sponsor me via GitHub or PayPal or Revolut

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •