Ergebnis 1 bis 9 von 9

Thema: "block_unsearchable.html.twig" mit eigener CSS-Klasse erweitern

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

    Standard "block_unsearchable.html.twig" mit eigener CSS-Klasse erweitern

    Hallo,

    so sieht das Twig-Template meines Bundles aus:
    Code:
    {% extends '@Contao/block_unsearchable.html.twig' %}
    {% block content %}
    <h1>hello world</h1>
    {% endblock %}
    Ich möchte nun diesem Element (dem umschließenden DIV) eine CSS-Klasse hinzufügen.

    Mein Ansatz wäre der gewesen:
    Code:
    {% extends '@Contao/block_unsearchable.html.twig' %}
    {% block content %}
    {% block class %}meine-css-klasse{% endblock %}
    <h1>hello world</h1>
    {% endblock %}
    ... das klappt jedoch nicht.

    Wo finde ich eigentlich im Core die Datei "block_unsearchable.html.twig"?

    Danke für eure Hilfe!

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

    Support Contao

    Standard

    Ich müsste es mir genau anschauen, aber so auf die fixe Schnelle meine ich mich zu erinnern, dass dafür die attrs-Funktion gedacht ist.


    Nachtrag: Die Core-Twig-Templates findest Du hier https://github.com/contao/contao/tre...templates/twig

    Ich weis gerade nicht, ob es in Contao 5 überhaupt noch ein block_unsearchable gibt oder meinst Du tatsächlich Contao 4.13? Da gibt es im Core noch gar keine Twig-Templates für die Inhaltselemente. Da konntest Du nur HTML5-Templates mit Twig-Templates überschreiben.
    Geändert von mlweb (17.02.2024 um 11:37 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.




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

    Standard

    Danke für die rasche Antwort.

    Ich meine tatsächlich Contao 4.13.

    Das:
    Code:
    {% extends '@Contao/block_unsearchable.html.twig' %}
    ... funktioniert da bei mir.

    Warum ist mir allerdings selbst ein Rätsel
    ... denn die "block_unsearchable.html.twig" kann ich in der gesamten Installation nirgends finden.

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

    Standard

    block_searchable ist ein PHP Template, kein Twig Template. Es gibt einen Compatibility Layer dafür, damit man in Twig Templates auch von PHP Templates extenden kann. Das was du vorhast geht allerdings nicht so direkt. Du könntest folgendes versuchen:
    Code:
    {% extends '@Contao/block_unsearchable.html.twig' %}
    
    {% set class = class ~ ' my-class' %}
    » sponsor me via GitHub or PayPal or Revolut

  5. #5
    Contao-Fan
    Registriert seit
    29.06.2016.
    Beiträge
    502

    Standard

    Ok, danke für die Info.

    Bei dem vorgeschlagenen Lösungsversuch bekomme ich leider einen RuntimeError:
    "Variable 'class' does not exist."

  6. #6
    Contao-Nutzer Avatar von Niels H
    Registriert seit
    14.08.2012.
    Ort
    Köln
    Beiträge
    79
    Partner-ID
    11984

    Standard

    Vielleicht hilft das:

    Code:
    {% extends "@Contao/content_element/_base.html.twig" %}
    {% set attributes = attrs(attributes|default).addClass('testklasse') %}

  7. #7
    Contao-Fan
    Registriert seit
    29.06.2016.
    Beiträge
    502

    Standard

    Zitat Zitat von Niels H Beitrag anzeigen
    Vielleicht hilft das:

    Code:
    {% extends "@Contao/content_element/_base.html.twig" %}
    {% set attributes = attrs(attributes|default).addClass('testklasse') %}
    Da bekomme ich folgenden Fehler:
    An exception has been thrown during the compilation of a template ("The template "content_element/_base" could not be found in the template hierarchy.")

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

    Support Contao

    Standard

    Das wäre für Contao 5
    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-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    34.114
    Partner-ID
    10107

    Standard

    Zitat Zitat von thesweetg Beitrag anzeigen
    Ok, danke für die Info.

    Bei dem vorgeschlagenen Lösungsversuch bekomme ich leider einen RuntimeError:
    "Variable 'class' does not exist."
    Mit {{ dump() }} kannst du dir die zur Verfügung stehenden Variablen anzeigen lassen.

    Aber wie gesagt ist dein Vorhaben evt. So gar nicht möglich.
    » 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
  •