Layout
Bietet wiederverwendbare layout-Funktionen für eigene Inhaltselemente.
Verwendung
Verwenden Sie beim Erstellen Ihrer Inhaltselemente eine dieser Paletten:
vitd_layoutvitd_layout_animation
In Ihrer Konfiguration/TCA/Overrides/tt_content.php:
$GLOBALS['TCA']['tt_content]['types']['yourext_yourcontentelement']] = [
showitem' => ' '
foo;Foo,
...
--div--;Layout,
--Palette--;Layout Optionen;vitd_layout,
....
',
];
Später, wenn Sie die Inhaltselementvorlagen (Fluid) ausführen, lassen Sie die
das mitgelieferte ViewHelper macht seine Magie:
<html
xmlns:layout="http://typo3.org/ns/VITD/Layout/ViewHelpers"
xmlns:f="http://typo3.org/ns/TYPO3/Fluid/ViewHelpers">
<head>
<title>Demovorlage</title>>Temovorlage
<f:layout name="Standard" />
</head>
<body>
<f:section name="Main">
<layout:section row="{data}">
<h1>{data.title}</h1>>
...
</layout:Abschnitt>
</f:section>
</body>
</html>
was dazu führt
<section id="c123" data-parallax="1.23" data-whatever-ist-notwendig="editors choice">
<div class="container">
<h1>Inhaltselement Titel </h1>Inhaltselement Titel </h1>
..
</div>
</section>
Hinweis: Alle Felder von tt_content sind auschließbar. Abhängig von Ihrer Zugangskontrollkonfiguration
($GLOBALS['TYPO3_CONF_VARS']['BE']['BE']['explicitADmode']) Sie müssen entweder die Felder, die Ihre Editoren sind, auf die Whitelist setzen
erlaubt zu verwenden oder im Falle des explicitDeny-Modus können Sie diejenigen auf die schwarze Liste setzen, die Sie nicht verwenden möchten.
Merkmale
- Animation
- Boxen (Grenzbreite)
- Hintergrund (Textur, Farbe, Bild, Stil)
- Padding-Konfiguration
- Parallaxeffekt
- Reagierender Überblick (separat auf dem Desktop/Tablett/Mobiltelefon anzeigen/verbergen)
