CSS-Files aus Verzeichnis "/contao/templates" laden

Ich hab vor einigen Tagen entdeckt, dass man Rocksolid Custom Elements Templates auch hier ablegen kann:
/contao/templates

Dort kann man die Templates auch in Unterverzeichnisse gliedern.
Also zb. so:
/contao/templates/hero
/contao/templates/teaser
/contao/templates/call-to-action
/contao/templates/team-member

Die Tempaltes werden geladen, funktioniert super, sehr ordentlich :D

Überglücklich wäre ich nun, wenn man die CSS-Files in den Unterverzeichnissen mit ablegen könnte.
(Neben der notwendigen config- und der html5-Datei.)
D.h. die Dateien zu einem RSCE-Inhaltselement würden dann zb. so aussehen:
/contao/templates/hero/rsce_hero_config.php
/contao/templates/hero/rsce_hero.html5
/contao/templates/hero/rsce_hero.css

Nun das Problem:
Ich kann diese CSS-Datei im Template fe_page.html5 nicht laden.

Hätte es mit diesem Snippet versucht:

PHP-Code:

---

        $directoryWhereToSearch = '../contao/templates/';
        $allFiles = new RecursiveIteratorIterator(new RecursiveDirectoryIterator($directoryWhereToSearch));
        $cssFiles = new RegexIterator($allFiles, '/\.css$/i');
        
        foreach ($cssFiles as $cssFile) {
            $path = $cssFile->getPathname();
                        $GLOBALS['TL_CSS'][] = substr($path, 3) .'|static';
        } 


---

Contao findet dann jedoch im Frontend die Datei "contao/templates/hero/rsce_hero.css" nicht.
Ich nehme an das liegt daran, dass man auf das Verzeichnis "/contao/templates/" nicht so einfach zugreifen kann.
(Da es ja außerhalb von "public" liegt.)
Kann man hier vielleicht irgendwie mit .htaccess die Rechte ändern?

Danke für eure Hilfe!

Du musst deine CSS Dateien woanders ablegen. Du könntest hier zwar mit Symlinks rumpfuschen - solltest du aber definitiv nicht machen.

Schade, die drei Dateien in einem Verzeichnis zu haben wäre eine praktische Sache :rolleyes:

Hab (so denke ich) soeben einen Workaround gefunden:

Die "rsce_hero.html5" mit folgendem ergänzen:

PHP-Code:

---

<?php if (TL_MODE === 'FE') : ?>
    $GLOBALS['TL_CSS'][] = 'contao/templates/hero/rsce_hero.css|static';
    ?>
<?php endif; ?>

---

Worin besteht das Problem, die CSS-Dateien im Seitenlayout als externe CSS-Dateien einzubinden?

Grüße

Zitat:

---

Zitat von thesweetg

Hab (so denke ich) soeben einen Workaround gefunden:

Die "rsce_hero.html5" mit folgendem ergänzen:

PHP-Code:

---

<?php if (TL_MODE === 'FE') : ?>
    $GLOBALS['TL_CSS'][] = 'contao/templates/hero/rsce_hero.css|static';
    ?>
<?php endif; ?>

---

---

Wird allerdings glaube ich im Debug Modus nicht funktionieren, da Contao die Dateien dort nicht zusammenfasst.

Zitat:

---

Zitat von tschero

Worin besteht das Problem, die CSS-Dateien im Seitenlayout als externe CSS-Dateien einzubinden?

Grüße

---

CSS Dateien müssen sich in einem öffentlich zugänglichen Ordner befinden.

Zitat:

---

Zitat von Spooky

Wird allerdings glaube ich im Debug Modus nicht funktionieren, da Contao die Dateien dort nicht zusammenfasst.



CSS Dateien müssen sich in einem öffentlich zugänglichen Ordner befinden.

---

Wenn die Dateien im files-Ordner und dort ggf. in einem "auf public gestellten" Unterverzeichnis(z.B. xyz.css) liegen, sollte das doch kein Problem sein. Die können dann doch einfach im Seitenlayout eingebunden werden.

Zitat:

---

Zitat von tschero

Wenn die Dateien im files-Ordner und dort ggf. in einem "auf public gestellten" Unterverzeichnis(z.B. xyz.css) liegen, sollte das doch kein Problem sein. Die können dann doch einfach im Seitenlayout eingebunden werden.

---

@thesweetg möchte die CSS Dateien in contao/templates/ ablegen, nicht in files/.

Zitat:

---

Zitat von Spooky

@thesweetg möchte die CSS Dateien in contao/templates/ ablegen, nicht in files/.

---

Ja, darauf zielte meine Frage ab:
https://community.contao.org/de/show...l=1#post584709

Warum nicht in files?

Zitat:

---

Zitat von tschero

Warum nicht in files?

---

Ist hier beantwortet ;)

Zitat:

---

Zitat von Spooky

Ist hier beantwortet ;)

---

OK :D

Zitat:

---

Zitat von tschero

Worin besteht das Problem, die CSS-Dateien im Seitenlayout als externe CSS-Dateien einzubinden?

Grüße

---

Ich möchte dass CSS-Dateien automatisch eingebunden werden sobald sie in einem bestimmten Verzeichnis liegen.

Wenn alle drei Dateien zu einem RSCE-Inhaltselement in einem Verzeichnis liegen, hätte das folgenden Vorteil:
Ich muss nur einen Ordner kopieren wenn ich das Element in einem anderen Projekt verwenden möchte
Zudem muss ich dann das zum Element gehörende CSS-File nicht erst immer im Theme-Folder suchen.

Mein obiger Workaround funktoniert tatsächlich nur wenn '|static' angefügt ist bei der Einbindung.
... und das will ich in der lokalen Entwicklungsumgebung nicht.
D.h. das ist auch keine Lösung :(

... keiner eine Idee wie man das hinkriegen könnte?

Gibt's keinen Hook mit dem ich Templates, welche unter files liegen, der Template-Auswahl in Contao hinzufügen kann?

Falls das ginge, dann könnte ich die diversen RSCE-Inhaltselemente unter files anlegen.
Bpsw. so:

/files/my-theme/elements/hero/rsce_hero_config.php
/files/my-theme/elements/hero/rsce_hero.html5
/files/my-theme/elements/hero/rsce_hero.css

/files/my-theme/elements/teaser/rsce_teaser_config.php
/files/my-theme/elements/teaser/rsce_teaser.html5
/files/my-theme/elements/teaser/rsce_teaser.css

etc...



In Contao 5 geht das mit RSCE-Templates-Subfoldern, oder?
Sieht das dort dann so aus?
/templates/content_element/hero/rsce_hero_config.php
/templates/content_element/hero/rsce_hero.twig
/templates/content_element/hero/rsce_hero.css