Ergebnis 1 bis 15 von 15

Thema: html5-Templates für Standard-Inhaltselemente in Contao 5.3

  1. #1
    Contao-Fan
    Registriert seit
    29.06.2016.
    Beiträge
    516

    Standard html5-Templates für Standard-Inhaltselemente in Contao 5.3

    Hi,

    in Contao 5.3 können für die Standard-Inhaltselemente (wie zb. das Downloads-Inhaltselement) nur noch Twig-Templates verwendet werden, oder?

    (Meine custom "templates/ce_downloads.html5" wird mir nämlich bei den Template-Einstellungen des Inhaltselements nicht angeboten. Nehme an das soll so sein.)

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

    Standard

    Zitat Zitat von thesweetg Beitrag anzeigen
    in Contao 5.3 können für die Standard-Inhaltselemente (wie zb. das Downloads-Inhaltselement) nur noch Twig-Templates verwendet werden, oder?
    Ja, außer du schaltest auf die alten Inhaltselemente zurück: https://github.com/contao/contao/blo...ntent-elements
    » sponsor me via GitHub or PayPal or Revolut

  3. #3
    Contao-Fan
    Registriert seit
    29.06.2016.
    Beiträge
    516

    Standard

    Alles klar, danke für die Info.
    Ich versuche gerade mich mit Twig anzufreunden.

    Woran ich momentan scheitere:
    Der allgemeinen Überschrift des Inhaltselements "Downloads" eine eigene CSS-Klasse hinzufügen.

    Mein Versuch:
    templates/downloads.html.twig
    Code:
    {% extends "@Contao/content_element/downloads.html.twig" %}
    {% block wrapper_tag %}
        {% set attributes = attrs(attributes|default).addClass('meine-eigene-klasse') %}
    {% endblock %}
    ... funzt aber nicht


    Ich weiß zudem auch nicht wie ich die Anzeige der Dateigröße im Twig-Template hinkriege.
    Im html5-Template ging das so:
    Code:
    <?= $this->filesize ?>


    Vielleicht hat hier ein Twig-Profi Rat für mich.
    Danke!
    Geändert von thesweetg (20.02.2024 um 11:38 Uhr)

  4. #4
    Contao-Fan
    Registriert seit
    29.06.2016.
    Beiträge
    516

    Standard

    Zitat Zitat von Spooky Beitrag anzeigen
    Ja, außer du schaltest auf die alten Inhaltselemente zurück: https://github.com/contao/contao/blo...ntent-elements
    Ich habe die Datei "contao/config/config.php" angelegt und dort folgendes eingetragen:
    Code:
    <?php
    $GLOBALS['TL_CTE']['files']['downloads'] = \Contao\ContentDownloads::class;
    $GLOBALS['TL_CTE']['files']['download'] = \Contao\ContentDownload::class;
    ... und danach den Cache geleert.

    Dennoch beharrt Contao auf das Template "content_element/downloads":
    Bildschirmfoto 2024-02-20 um 11.56.24.png
    D.h. das html5-Template "templates/ce_downloads.html5" wird ignoriert.

    Mache ich da was falsch?

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

    Support Contao

    Standard

    Wozu brauchst Du den Wrapper-Tag?
    Code:
    {% extends "@Contao/downloads/text.html.twig" %}
    {% set text_attributes = attrs(text_attributes|default).addClass('description') %}
    sollte reichen. Cache löschen bzw. im Debugmodus arbeiten nicht vergessen und auf die richtige Hierarchie achten.
    Außerdem - falls es innerhalb einer eigenen Erweiterung ist Twigroot nicht vergessen.

    Nachtrag: Es gab da einen Vortrag von mir auf der Konferenz, zwar nicht aus Sicht eines Entwicklers sondern aus Sicht eines Frontendlers. Vielleicht hilft es ja trotzdem https://contao-konferenz.de/maren-lange.html
    Die Folien sind Online. Die Vorträge kannst Du über die Contao Academy anschauen.
    Geändert von mlweb (20.02.2024 um 12:08 Uhr)
    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
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    35.517
    Partner-ID
    10107

    Standard

    @mlweb: er möchte eine CSS Klasse zur Überschrift des Downloads Inhaltselements hinzufügen.
    » sponsor me via GitHub or PayPal or Revolut

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

    Standard

    Zitat Zitat von thesweetg Beitrag anzeigen
    Ich habe die Datei "contao/config/config.php" angelegt und dort folgendes eingetragen:
    Code:
    <?php
    $GLOBALS['TL_CTE']['files']['downloads'] = \Contao\ContentDownloads::class;
    $GLOBALS['TL_CTE']['files']['download'] = \Contao\ContentDownload::class;
    ... und danach den Cache geleert.

    Dennoch beharrt Contao auf das Template "content_element/downloads":
    Bildschirmfoto 2024-02-20 um 11.56.24.png
    D.h. das html5-Template "templates/ce_downloads.html5" wird ignoriert.

    Mache ich da was falsch?
    Ich habe das lokal getestet und es funktioniert.
    » sponsor me via GitHub or PayPal or Revolut

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

    Support Contao

    Standard

    Danke. Wer richtig liest ist klar im Vorteil.
    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.




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

    Support Contao

    Standard

    Probier mal
    Code:
    {% extends "@Contao/content_element/downloads.html.twig" %}  
    {% set headline = headline|merge({attributes: attrs(headline.attributes|default).addClass('test')}) %}
    ungetestet.
    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.




  10. #10
    Contao-Fan
    Registriert seit
    29.06.2016.
    Beiträge
    516

    Standard

    Zitat Zitat von mlweb Beitrag anzeigen
    Probier mal
    Code:
    {% extends "@Contao/content_element/downloads.html.twig" %}  
    {% set headline = headline|merge({attributes: attrs(headline.attributes|default).addClass('test')}) %}
    ungetestet.
    Vielen Dank! Funktioniert

  11. #11
    Contao-Fan
    Registriert seit
    29.06.2016.
    Beiträge
    516

    Standard

    Zitat Zitat von Spooky Beitrag anzeigen
    Ich habe das lokal getestet und es funktioniert.
    Sorry, mein Fehler
    Hatte die config.php unter "config/config.php" abgelegt.
    Unter "contao/config/config.php" klappt es jetzt.
    Danke!

  12. #12
    Contao-Fan
    Registriert seit
    24.02.2021.
    Beiträge
    984
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Genau für den Faulheitsfall (Back to HTML) habe ich das hier erstellt (Macht genau das hier, aber einfach als Extension: https://github.com/contao/contao/blo...ntent-elements)
    https://github.com/zoglo/contao-legacy-templates

    https://extensions.contao.org/?q=leg...gacy-templates

  13. #13
    Contao-Fan Avatar von Kopfnuss
    Registriert seit
    05.09.2012.
    Ort
    Zwickau
    Beiträge
    346
    Partner-ID
    11375
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hey Ihr,

    ich stelle meine Frage gleich mal hier. Ich arbeite mich auch in Twig für Contao ein. Es scheint ja so zu sein, das erst alle Content-Element in Twig vom Core aus gibt. News, Events usw. gibt es bislang nicht. Ist das soweit richtig?
    Kann ich dann einfach alle Content-Element in Twig machen und meine News- und Event-Templates in html5 lassen?
    Gibt es einen Plan, wann die restlichen Templates auf Twig umgestellt werden?

    Gruß Marco

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

    Support Contao

    Standard

    Zitat Zitat von Kopfnuss Beitrag anzeigen

    Es scheint ja so zu sein, das erst alle Content-Element in Twig vom Core aus gibt. News, Events usw. gibt es bislang nicht. Ist das soweit richtig?
    Ja ist richtig.

    Zitat Zitat von Kopfnuss Beitrag anzeigen

    Kann ich dann einfach alle Content-Element in Twig machen und meine News- und Event-Templates in html5 lassen?
    Ja das kannst Du.

    Zitat Zitat von Kopfnuss Beitrag anzeigen
    Gibt es einen Plan, wann die restlichen Templates auf Twig umgestellt werden?
    Das kann ich Dir leider nicht sagen.
    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.




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

    Standard

    Einen "Plan" gibt es nicht. PRs always welcome
    » sponsor me via GitHub or PayPal or Revolut

Aktive Benutzer

Aktive Benutzer

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

Berechtigungen

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