Referenz / Referenz der Einstellungen
Referenz der Einstellungen
Jedes Feld des Backend-Moduls Yavi Theme, genau so, wie die Extension es in yavi_core/Configuration/Sets/Full/settings.definitions.yaml definiert. Die Spalte Vorgabe nennt die Vorgabe von yavi_core selbst — den Wert, den eine Site bekommt, wenn weder das Theme noch die Site etwas setzt. Ein Theme (yavi_lucerne) überschreibt viele davon in seinem eigenen Set; was im Modul zu sehen ist, kann also abweichen. Das ist so gewollt.
Ein Feld leer zu lassen heißt nie „kein Wert“ — es heißt „den Wert der darunter liegenden Ebene verwenden“ (Theme-Set, dann yavi_core).
i
Aus den ausgelieferten Definitionen erzeugt. Anzahl der Felder: 100.
i
Das Backend-Modul ist durchgehend englisch beschriftet. Feld-, Seiten- und Reiternamen stehen deshalb auch hier auf Englisch, genau so, wie sie im Backend erscheinen; erklärt wird auf Deutsch.
Design / Colors
| Feld | Einstellungsschlüssel | Typ | Vorgabe | Was es tut |
|---|---|---|---|---|
| Primary color | plugin.bootstrap_package.settings.scss.primary | color | #2F3E50 | Hauptfarbe des Themes (Navigation, Buttons, Akzente). |
| Secondary color | plugin.bootstrap_package.settings.scss.secondary | color | #7C8B99 | Zweite Akzentfarbe (Symbole, Links, Hover-Effekte). |
| Tertiary color | plugin.bootstrap_package.settings.scss.tertiary | color | #2B3644 | Dunkler Section-Hintergrund — verwendet von frame-background-tertiary, card-panel-tertiary, carousel-item-layout-tertiary und .btn-tertiary. Text darauf wird weiß gerendert, die Farbe sollte also dunkel bleiben. |
| Quaternary color | plugin.bootstrap_package.settings.scss.quaternary | color | #3C4A5C | Zweiter dunkler Section-Hintergrund — verwendet von frame-background-quaternary, card-panel-quaternary, carousel-item-layout-quaternary und .btn-quaternary. Text darauf wird weiß gerendert, die Farbe sollte also dunkel bleiben. |
| Success | plugin.bootstrap_package.settings.scss.success | color | #198754 | Statusfarbe für Erfolg / positive Rückmeldung. |
| Info | plugin.bootstrap_package.settings.scss.info | color | #0dcaf0 | Statusfarbe für Hinweise. |
| Warning | plugin.bootstrap_package.settings.scss.warning | color | #ffc107 | Statusfarbe für Warnungen. |
| Danger | plugin.bootstrap_package.settings.scss.danger | color | #dc3545 | Statusfarbe für Fehler / negative Rückmeldung. |
| Headline word color | page.theme.cssvar.themeWordcolor | color | #5C6B7A | Farbe für hervorgehobene Wörter innerhalb von Überschriften. |
| Primary dark | page.theme.cssvar.themePrimaryDark | string | _leer_ | Dunklerer Ton der Primärfarbe. Leer lassen, damit er aus Primary/Secondary abgeleitet wird (Theme-Vorgabe #071739) — dann färbt eine Farbänderung in den beiden Wurzelfeldern das ganze Theme um. Nur füllen, um diesen einen Wert gegen die Ableitung festzunageln. |
| Primary light | page.theme.cssvar.themePrimaryLight | string | _leer_ | Hellerer Ton der Primärfarbe. Leer lassen, damit er aus Primary/Secondary abgeleitet wird (Theme-Vorgabe #2f5495) — dann färbt eine Farbänderung in den beiden Wurzelfeldern das ganze Theme um. Nur füllen, um diesen einen Wert gegen die Ableitung festzunageln. |
| Footer background | page.theme.cssvar.themeBgFooter | string | _leer_ | Hintergrund des Footers. Leer lassen, damit er aus Primary/Secondary abgeleitet wird (Theme-Vorgabe #01193f) — dann färbt eine Farbänderung in den beiden Wurzelfeldern das ganze Theme um. Nur füllen, um diesen einen Wert gegen die Ableitung festzunageln. |
| Muted text | page.theme.cssvar.themeMuted | string | _leer_ | Gedämpfte / sekundäre Textfarbe. Leer lassen, damit sie aus Primary/Secondary abgeleitet wird (Theme-Vorgabe #647289) — dann färbt eine Farbänderung in den beiden Wurzelfeldern das ganze Theme um. Nur füllen, um diesen einen Wert gegen die Ableitung festzunageln. |
| Primary gradient | page.theme.cssvar.bgGradientPrimary | string | _leer_ | Primärer Hintergrundverlauf. Leer lassen, damit er aus Primary/Secondary abgeleitet wird — dann färbt eine Farbänderung in den beiden Wurzelfeldern das ganze Theme um. Nur füllen, um diesen einen Wert gegen die Ableitung festzunageln. |
| Secondary gradient | page.theme.cssvar.bgGradientSecondary | string | _leer_ | Sekundärer Hintergrundverlauf. Leer lassen, damit er aus Primary/Secondary abgeleitet wird — dann färbt eine Farbänderung in den beiden Wurzelfeldern das ganze Theme um. Nur füllen, um diesen einen Wert gegen die Ableitung festzunageln. |
| Topbar gradient | page.theme.cssvar.topbarGradient | string | _leer_ | Verlauf der Topbar. Leer lassen, damit er aus Primary/Secondary abgeleitet wird — dann färbt eine Farbänderung in den beiden Wurzelfeldern das ganze Theme um. Nur füllen, um diesen einen Wert gegen die Ableitung festzunageln. |
| Topbar font colour | page.theme.cssvar.topbarColor | string | _leer_ | Farbe von Text und Symbolen im schmalen Streifen über dem Header — Kontaktdaten links, Social-Links rechts. Leer lassen für Weiß, und genau das braucht die dunkle Standard-Topbar. Füllen, sobald die Topbar einen hellen Hintergrund bekommt. |
| Navigation font colour | page.theme.cssvar.navText | string | _leer_ | Farbe des Menütexts, gemeinsam für jede Navigationsvariante — die Desktop-Leiste, die Hamburger-Panels, das mobile Overlay und das Suchfeld. Leer lassen für Weiß, und genau das braucht der dunkle Standard-Header. Füllen, wenn der Header-Hintergrund hell ist, sonst steht das Menü weiß auf weiß. |
| Header background | page.theme.cssvar.navbarGradient | string | _leer_ | Hintergrund des Site-Headers (#page-header.header-modern), gemeinsam für alle Desktop-Navigationsvarianten. Leer lassen, damit er aus Primary abgeleitet wird — dann färbt eine Farbänderung in den Wurzelfeldern auch den Header um. Nur füllen, um diesen einen Wert gegen die Ableitung festzunageln. |
| Primary button gradient | page.theme.cssvar.btnGradientPrimary | string | _leer_ | Verlauf des primären Buttons. Leer lassen, damit er aus Primary/Secondary abgeleitet wird — dann färbt eine Farbänderung in den beiden Wurzelfeldern das ganze Theme um. Nur füllen, um diesen einen Wert gegen die Ableitung festzunageln. |
| Secondary button gradient | page.theme.cssvar.btnGradientSecondary | string | _leer_ | Verlauf des sekundären Buttons. Leer lassen, damit er aus Primary/Secondary abgeleitet wird — dann färbt eine Farbänderung in den beiden Wurzelfeldern das ganze Theme um. Nur füllen, um diesen einen Wert gegen die Ableitung festzunageln. |
| Primary button gradient (hover) | page.theme.cssvar.btnGradientPrimaryHover | string | _leer_ | Verlauf des primären Buttons beim Überfahren. Leer lassen, damit er aus Primary/Secondary abgeleitet wird — dann färbt eine Farbänderung in den beiden Wurzelfeldern das ganze Theme um. Nur füllen, um diesen einen Wert gegen die Ableitung festzunageln. |
| Secondary button gradient (hover) | page.theme.cssvar.btnGradientSecondaryHover | string | _leer_ | Verlauf des sekundären Buttons beim Überfahren. Leer lassen, damit er aus Primary/Secondary abgeleitet wird — dann färbt eine Farbänderung in den beiden Wurzelfeldern das ganze Theme um. Nur füllen, um diesen einen Wert gegen die Ableitung festzunageln. |
| Header BG (primary) | page.theme.cssvar.headerGradientPrimary | string | _leer_ | Primäres Hintergrundband hinter Überschriften im Karussell (unterstützt Transparenz). Leer lassen, um das eigene Band des Themes zu verwenden. |
| Header BG (secondary) | page.theme.cssvar.headerGradientSecondary | string | _leer_ | Sekundäres Hintergrundband hinter Überschriften im Karussell (unterstützt Transparenz). Leer lassen, um das eigene Band des Themes zu verwenden. |
| Headline gradient (primary) | page.theme.cssvar.headlineGradientPrimary | string | _leer_ | Primärer Verlauf für Überschriften. Leer lassen, damit er aus Primary/Secondary abgeleitet wird — dann färbt eine Farbänderung in den beiden Wurzelfeldern das ganze Theme um. Nur füllen, um diesen einen Wert gegen die Ableitung festzunageln. |
| Headline gradient (secondary) | page.theme.cssvar.headlineGradientSecondary | string | _leer_ | Sekundärer Verlauf für Überschriften. Leer lassen, damit er aus Primary/Secondary abgeleitet wird — dann färbt eine Farbänderung in den beiden Wurzelfeldern das ganze Theme um. Nur füllen, um diesen einen Wert gegen die Ableitung festzunageln. |
Layout
Reiter: Logo
| Feld | Einstellungsschlüssel | Typ | Vorgabe | Was es tut |
|---|---|---|---|---|
| Logo | page.logo.file | string | EXT:yavi_core/Resources/Public/Images/logo.svg | Pfad zum Logo, z. B. EXT:your_theme/Resources/Public/Images/logo.svg. Leer lassen, um stattdessen den Website-Titel zu verwenden. |
| Logo (inverted) | page.logo.fileInverted | string | EXT:yavi_core/Resources/Public/Images/logo-inverted.svg | Pfad zum invertierten Logo, für dunkle Hintergründe. Leer lassen, um stattdessen den Website-Titel zu verwenden. |
| Logo height | page.logo.height | number | 52 | Höhe des Logos im normalen, ungescrollten Desktop-Header, in Pixeln. Der geschrumpfte Header verwendet „Logo height (scrolled)“, der mobile Header die beiden mobilen Felder weiter unten. Höhe und Breite spannen die Box auf, in die das Logo eingepasst wird: Ein SVG behält darin sein Seitenverhältnis; nur die Höhe zu erhöhen fügt also Leerraum oben und unten hinzu, solange die Breite nicht mitwächst. |
| Logo width | page.logo.width | number | 180 | Breite der Logo-Box in Pixeln, siehe die Anmerkung zur Höhe oben. |
| Logo height (scrolled) | page.theme.cssvar.navbarTransitionLogoHeight | string | _leer_ | Höhe des Logos im geschrumpften Header, also nachdem die Seite gescrollt wurde, z. B. 48px. Gehört mit „Navbar height (scrolled)“ auf der Seite Navigation unter Sizes & rounding zusammen. Leer lassen, um den eigenen Wert des Themes zu verwenden. |
| Logo height (mobile header) | page.theme.cssvar.navbarBrandImageMobileHeight | string | _leer_ | Höhe des Logos unter 992px, z. B. 64px. Gilt für das Logo im Header selbst; die mobilen Navigationsvarianten verwenden das Feld darunter. Leer lassen, um den eigenen Wert des Themes zu verwenden. |
| Logo height (mobile navigation) | page.logo.heightMobile | number | 60 | Höhe des Logos im Header von Navigation Art Mobile (Bottom Sheet, Orbit FAB, N4). Fällt auf die Desktop-Höhe „Logo height“ zurück, solange der Wert 0 bleibt. |
| Footer logo height | page.logo.footerHeight | number | 0 | Höhe des invertierten Logos im Footer, in Pixeln. Auf 0 lassen, um die Höhe des Header-Logos zu übernehmen — der Footer folgt dann dem Header, und das wollen die meisten Sites. Setzen, wenn der Footer eine andere Größe braucht, etwa weil das invertierte Logo einen Slogan trägt, den die Header-Fassung nicht hat. |
| Footer logo width | page.logo.footerWidth | number | 0 | Breite des invertierten Logos im Footer, in Pixeln. Auf 0 lassen, um die Breite des Header-Logos zu übernehmen. Höhe und Breite spannen die Box auf, in die das Logo eingepasst wird: Ein SVG behält darin sein Seitenverhältnis; nur eines von beiden zu erhöhen fügt also Leerraum auf der anderen Achse hinzu. |
Reiter: Container
| Feld | Einstellungsschlüssel | Typ | Vorgabe | Was es tut |
|---|---|---|---|---|
| Container max width | page.theme.cssvar.containerMaxWidth | string | _leer_ | Maximale Inhaltsbreite, z. B. 1320px. Leer lassen, um den eigenen Wert des Themes zu verwenden. |
| Wide container side padding | page.theme.cssvar.containerWidePaddingX | string | _leer_ | Horizontales Padding breiter Sections, z. B. 12vw. Leer lassen, um den eigenen Wert des Themes zu verwenden. |
| Content block gap | page.theme.cssvar.contentContainerGap | string | _leer_ | Abstand zwischen Inhaltsblöcken, z. B. 3rem. Leer lassen, um den eigenen Wert des Themes zu verwenden. |
Reiter: Section spacing
| Feld | Einstellungsschlüssel | Typ | Vorgabe | Was es tut |
|---|---|---|---|---|
| Section spacing XS | page.theme.cssvar.sectionSpacingXs | string | 1rem | Vertikaler Abstand einer Section auf der Stufe XS, z. B. 1rem. Die Redaktion wählt die Stufe je Inhaltselement; hier wird festgelegt, was die Stufe bedeutet. Unter 768px fallen alle fünf Stufen auf einen mobilen Wert zusammen, der Unterschied zwischen ihnen ist also eine Desktop-Angelegenheit. |
| Section spacing SM | page.theme.cssvar.sectionSpacingSm | string | 3rem | Vertikaler Abstand einer Section auf der Stufe SM, z. B. 3rem. Unter 768px fallen alle fünf Stufen auf einen mobilen Wert zusammen. |
| Section spacing MD | page.theme.cssvar.sectionSpacingMd | string | 5rem | Vertikaler Abstand einer Section auf der Stufe MD, z. B. 5rem. Unter 768px fallen alle fünf Stufen auf einen mobilen Wert zusammen. |
| Section spacing LG | page.theme.cssvar.sectionSpacingLg | string | 7rem | Vertikaler Abstand einer Section auf der Stufe LG, z. B. 7rem. Unter 768px fallen alle fünf Stufen auf einen mobilen Wert zusammen. |
| Section spacing XL | page.theme.cssvar.sectionSpacingXl | string | 9rem | Vertikaler Abstand einer Section auf der Stufe XL, z. B. 9rem. Unter 768px fallen alle fünf Stufen auf einen mobilen Wert zusammen. |
Reiter: Fonts
| Feld | Einstellungsschlüssel | Typ | Vorgabe | Was es tut |
|---|---|---|---|---|
| Font family | page.theme.cssvar.fontFamily | string | _leer_ | Basis-Schriftstapel für das ganze Theme. Leer lassen, um den eigenen Stapel des Themes zu verwenden. |
| Google Font — primary (self-hosted) | page.theme.font.googleFamily | string | _leer_ | Name einer Google-Schrift, die DSGVO-konform selbst gehostet wird: Sie wird heruntergeladen und lokal als woff2 ausgeliefert, im gelieferten HTML steht keine Anfrage an Google. Gilt für Überschriften und für das ganze Theme, sofern unten keine Fließtextschrift gesetzt ist. Leer lassen, um beim Schriftstapel darüber zu bleiben. Beispiel: Poppins |
| Google Font — primary weights | page.theme.font.googleWeights | string | 400;600;700 | Mit Semikolon getrennte Schnitte, die für die primäre Schrift heruntergeladen werden, z. B. 400;600;700. |
| Google Font — body (self-hosted) | page.theme.font.googleFamilyBody | string | _leer_ | Optionale zweite Google-Schrift, auf dieselbe Weise selbst gehostet, nur für den Fließtext (Überschriften behalten die primäre Schrift). Leer lassen, um überall die primäre Schrift zu verwenden. Beispiel: Inter |
| Google Font — body weights | page.theme.font.googleWeightsBody | string | 400;600;700 | Mit Semikolon getrennte Schnitte, die für die Fließtextschrift heruntergeladen werden, z. B. 400;600;700. |
Reiter: Headings
| Feld | Einstellungsschlüssel | Typ | Vorgabe | Was es tut |
|---|---|---|---|---|
| Font size H1 | page.theme.cssvar.fontSizeH1 | string | _leer_ | Größe der H1-Überschriften. Nimmt einen festen Wert wie 50px oder einen fließenden wie clamp(35px, 4vw, 50px) entgegen — Letzteres liefert das Theme aus. Leer lassen, um den eigenen Wert des Themes zu verwenden. |
| Font size H2 | page.theme.cssvar.fontSizeH2 | string | _leer_ | Größe der H2-Überschriften, fest (z. B. 40px) oder fließend (z. B. clamp(28px, 4vw, 40px)). Leer lassen, um den eigenen Wert des Themes zu verwenden. |
| Font size H3 | page.theme.cssvar.fontSizeH3 | string | _leer_ | Größe der H3-Überschriften, fest oder fließend über clamp(). Leer lassen, um den eigenen Wert des Themes zu verwenden. |
| Font size H4 | page.theme.cssvar.fontSizeH4 | string | _leer_ | Größe der H4-Überschriften, fest oder fließend über clamp(). Leer lassen, um den eigenen Wert des Themes zu verwenden. |
| Font size H5 | page.theme.cssvar.fontSizeH5 | string | _leer_ | Größe der H5-Überschriften, fest oder fließend über clamp(). Leer lassen, um den eigenen Wert des Themes zu verwenden. |
| Font size H6 | page.theme.cssvar.fontSizeH6 | string | _leer_ | Größe der H6-Überschriften, fest oder fließend über clamp(). Leer lassen, um den eigenen Wert des Themes zu verwenden. |
| Heading font weight | page.theme.cssvar.fontWeightHeading | select ((empty), 300, 400, 600, 700) | _leer_ | Schriftgewicht für jede Überschrift. Ob ein Gewicht tatsächlich sichtbar ist, hängt an der geladenen Schrift — trägt sie den Schnitt nicht, wählt der Browser den nächstgelegenen, und Light sieht aus wie Normal. Leer lassen, um den eigenen Wert des Themes zu verwenden. |
Reiter: Buttons
| Feld | Einstellungsschlüssel | Typ | Vorgabe | Was es tut |
|---|---|---|---|---|
| Button radius | page.theme.cssvar.btnBorderRadius | string | _leer_ | Eckenradius von Buttons, z. B. 6px. Der Wert wird noch mit dem Rundungsfaktor für Buttons multipliziert; er ist also die Form bei Faktor 1. Leer lassen, um den eigenen Wert des Themes zu verwenden. |
| Secondary button radius | page.theme.cssvar.btnSecondaryBorderRadius | string | _leer_ | Eigener Eckenradius für sekundäre Buttons, z. B. 45px für eine Pille. Leer lassen, dann nehmen sie denselben Radius wie jeder andere Button. |
| Button padding X | page.theme.cssvar.btnPaddingX | string | _leer_ | Horizontales Padding im Button, z. B. 40px. Bestimmt die Breite des Buttons um seine Beschriftung. Leer lassen, um den eigenen Wert des Themes zu verwenden. |
| Button padding Y | page.theme.cssvar.btnPaddingY | string | _leer_ | Vertikales Padding im Button, z. B. 15px. Buttons tragen zusätzlich eine Mindesthöhe, ein kleiner Wert macht sie also unter Umständen nicht niedriger. Leer lassen, um den eigenen Wert des Themes zu verwenden. |
| Button rounding (factor) | page.theme.cssvar.radiusScaleBtn | string | _leer_ | Dieselbe Skala, aber nur für Buttons und die Navigations-Pillen. Leer lassen, dann folgen Buttons der allgemeinen Eckenrundung. |
Reiter: Corners & radii
| Feld | Einstellungsschlüssel | Typ | Vorgabe | Was es tut |
|---|---|---|---|---|
| Corner rounding (factor) | page.theme.cssvar.radiusScale | string | _leer_ | Skaliert jede gerundete Ecke auf einmal — 1 behält die eigene Form des Themes, 0 macht alles eckig, 2 verdoppelt sie. Ein Faktor statt eines Pixelwerts, damit Karten, Buttons und kleine Chips ihre Proportionen zueinander behalten. Leer lassen, um den eigenen Wert des Themes zu verwenden. |
| Global element radius | page.theme.cssvar.bsBorderRadius | string | _leer_ | Globaler Rahmenradius, z. B. 15px. Leer lassen, um den eigenen Wert des Themes zu verwenden. |
| Card Border Radius | page.theme.cssvar.cardRadius | string | _leer_ | Eckenradius für jede Kartenfläche (Kartengruppen, Panels, Team, Preise, Diagramme, Fortschritt, Swiper, Partner, Menükarten), z. B. 25px. Symbole, Badges und Porträts behalten ihre eigenen Formen. Leer lassen, um den eigenen Wert des Themes zu verwenden. |
Navigation
Eine eigene Seite. Bislang saßen dieselben dreizehn Felder in zwei Reitern, die beide Navigation hießen — die Größen unter Layout, die Variante und die Schalter unter Config —, und steuerten einander über diese Kluft hinweg.
Reiter: Variants
| Feld | Einstellungsschlüssel | Typ | Vorgabe | Was es tut |
|---|---|---|---|---|
| Navigation Art Desktop | plugin.bootstrap_package.settings.scss.navigationart | select (MainNavigation, SplitedNavigation, HamburgerNavigation, HamburgerD2, HamburgerD3) | MainNavigation | Navigationslayout ab 992px. Jede Variante bringt eigenes Markup und ein eigenes Stylesheet mit, und nur die ausgewählte wird kompiliert — nach einer Änderung den Cache leeren, damit das CSS neu gebaut wird. |
| Navigation Art Mobile | plugin.bootstrap_package.settings.scss.navigationartmobile | select (BottomSheetNavigation, OrbitFabNavigation, NavigationN4) | BottomSheetNavigation | Navigationslayout unter 992px. Wie bei der Desktop-Variante wird nur die ausgewählte kompiliert; also auch hier nach einer Änderung den Cache leeren. |
| Hamburger Overlay Brand Label | page.navigation.overlayBrandLabel | string | _leer_ | Kleine Versalien-Beschriftung über dem Adressblock im Overlay der Hamburger-Navigation (z. B. der Name der Site). Leer lassen, um sie auszublenden. |
Reiter: Behaviour
| Feld | Einstellungsschlüssel | Typ | Vorgabe | Was es tut |
|---|---|---|---|---|
| Fixed Navigation | page.theme.navigation.fixed | bool | True | Hält den Header beim Scrollen im Blick. Aus lässt ihn mit dem Inhalt wegscrollen. |
| Fixed Navigation Transition | page.theme.navigation.fixedtrnsition | bool | False | Lässt den Header schrumpfen, sobald die Seite gescrollt wurde. Gehört zum fixierten Header darüber; seine Zielgrößen sind „Navbar height (scrolled)“ unter Sizes & rounding und „Logo height (scrolled)“ auf der Seite Layout unter Logo. |
| Wide Navigation | page.theme.navigation.wide | bool | False | Lässt die Navigation die volle Fensterbreite statt des zentrierten Containers nutzen. Betrifft nur die Navigationszeile, nicht den Inhalt darunter. |
Reiter: Sizes & rounding
| Feld | Einstellungsschlüssel | Typ | Vorgabe | Was es tut |
|---|---|---|---|---|
| Navbar height | page.theme.cssvar.navbarHeight | string | _leer_ | Header-Höhe, z. B. 165px. Leer lassen, um den eigenen Wert des Themes zu verwenden. |
| Navbar height (scrolled) | page.theme.cssvar.navbarTransitionHeight | string | _leer_ | Header-Höhe nach dem Scrollen. Wirkt nur mit eingeschaltetem „Fixed Navigation Transition“ unter Behaviour. Leer lassen, um den eigenen Wert des Themes zu verwenden. |
| Dropdown & mega menu rounding | page.theme.cssvar.navMenuRadius | string | _leer_ | Eckenradius von allem, was sich aus der Navigation heraus öffnet — die Panels von Dropdown und Megamenü, jeder Eintrag darin, die Link- und Vorschaukacheln sowie das Sprachmenü, z. B. 12px. Die Links in der Leiste selbst folgen dem Feld darunter. Leer lassen, um den eigenen Wert des Themes zu verwenden. |
| Navigation buttons & pills rounding | page.theme.cssvar.navControlRadius | string | _leer_ | Eckenradius der Bedienelemente in der Navigationsleiste — Navigationslinks samt ihrem aktiven Hintergrund, die Sprach-Pille und der hervorgehobene Button, z. B. 8px. Ein Wert für alle drei, weil sie nebeneinander stehen. Leer lassen, um den eigenen Wert des Themes zu verwenden. |
Reiter: Language & search
| Feld | Einstellungsschlüssel | Typ | Vorgabe | Was es tut |
|---|---|---|---|---|
| Language switcher in the navigation | page.theme.language.enable | bool | True | Zeigt die Sprachlinks in der Navigation — jede Variante rendert sie. Auf einer einsprachigen Site ausschalten: Der Umschalter zeigte sonst einen einsamen Eintrag, der nichts bewirkt. Die Einstellung gehört zu bootstrap_package und ist hier nur wiederholt, damit sie in diesem Modul auftaucht; sie an der einen oder der anderen Stelle auszuschalten hat dieselbe Wirkung. |
| Search in the navigation | page.theme.search.enable | bool | False | Zeigt eine Lupe in der Navigation, die ein Suchfeld öffnet. Jede Navigationsvariante unterstützt das. Das Theme liefert nur das Eingabefeld — die Zielseite darunter muss ein Such-Plugin tragen, sonst landet die Anfrage auf einer Seite, die sie nicht beantworten kann. |
| Search results page | page.theme.search.targetPageUid | int | 0 | Seiten-ID, an die die Suche abschickt — die Seite mit dem Such-Plugin, z. B. indexed_search. Auf 0 lassen und die Anfrage geht an die Seite, auf der die Besucherin gerade ist, und die zeigt keine Treffer. |
Custom CSS
| Feld | Einstellungsschlüssel | Typ | Vorgabe | Was es tut |
|---|---|---|---|---|
| Custom CSS Classes | page.theme.customCssClasses | string | border-radius-6, border-radius-12, box-shadow-1, img-shadow, padding-5 | Kommagetrennte Liste von Klassennamen, die die Redaktion je Inhaltselement auswählen kann. Hier werden nur Namen registriert — die passende CSS-Regel muss im Theme existieren, sonst wird die Option zwar angeboten, tut aber nichts. Von yavi_core mitgeliefert und gestaltet: border-radius-6, border-radius-12, box-shadow-1, img-shadow, padding-5. |
Config
Reiter: Config
| Feld | Einstellungsschlüssel | Typ | Vorgabe | Was es tut |
|---|---|---|---|---|
| Header Comment | config.headerComment | string | _leer_ | Freier Text, der als HTML-Kommentar oben in den Quelltext jeder Seite geschrieben wird, typischerweise eine Credit- oder Kontaktzeile. Von Bootstrap Package nach config.headerComment gerendert — nur im Quelltext der Seite sichtbar. |
| Enable Topbar | page.topbar_enabled | bool | True | Hauptschalter für die schmale Leiste über der Navigation. Aus heißt, die Leiste wird überhaupt nicht gerendert, gleich was in den beiden Inhaltsfeldern darunter steht. |
| Topbar Left | page.topbar | string | _leer_ | UID des Inhaltselements in der LINKEN Hälfte der Topbar, typischerweise Kontaktdaten. Nur die Zahl eintragen, z. B. 24 — es ist die uid des Inhaltselements, keine Seiten-ID. Leer lässt diese Hälfte frei. |
| Topbar Right | page.socialtopbar | string | _leer_ | UID des Inhaltselements in der RECHTEN Hälfte der Topbar, typischerweise Social-Links. Nur die Zahl eintragen. Leer lässt diese Hälfte frei. |
| Sticky Bar | page.stickybar | string | _leer_ | UID eines Inhaltselements, das als Leiste gerendert wird, die beim Scrollen sichtbar bleibt. Nur die Zahl eintragen. Leer heißt keine Haftleiste. |
| Footer Slogan Element | page.footerslogan | string | _leer_ | UID des Inhaltselements, das unter dem Footer-Logo gerendert wird (leer lassen, um es abzuschalten). |
| Footer Content Page | page.footer.pid | string | _leer_ | UID der Seite, deren Inhalte die fünf Footer-Spalten füllen, gelesen aus den Spaltenpositionen 901 bis 905. Anders als die Felder darüber ist das eine Seiten-ID, keine uid eines Inhaltselements. Leer rendert einen leeren Footer, statt zu scheitern. Auf die eigene Seite richten, wenn der Footer verschoben oder neu gebaut wird. |
Reiter: Contact
Diese Felder speisen die strukturierten Daten der Site (schema.org/Organization), nicht den Footer — Kontaktdaten auf der Seite selbst werden als Inhalt gepflegt. Jedes davon ist optional: Was leer bleibt, fällt auf die Kontaktdaten des Themes zurück, und was auch dort keinen Rückfall hat, wird aus dem Markup weggelassen, statt geraten zu werden.
| Feld | Einstellungsschlüssel | Typ | Vorgabe | Was es tut |
|---|---|---|---|---|
| Type of organisation | page.organization.type | string | Organization | Wie Suchmaschinen den Betreiber dieser Site einordnen sollen. Erlaubt: Organization, LocalBusiness, AutoDealer, AutoRepair, Store. Ein Autohaus gehört unter AutoDealer, eine Agentur unter Organization. Alles Unbekannte fällt auf Organization zurück. |
| Name of the organisation | page.organization.name | string | _leer_ | Name, unter dem der Betreiber im Suchergebnis erscheint, z. B. das Unternehmen mit seiner Rechtsform. Leer verwendet den Kontaktnamen unter Contact und, falls auch der fehlt, den Website-Titel. |
| Street and number | page.organization.street | string | _leer_ | Straße der Postanschrift in den strukturierten Daten. Leer verwendet die Anschrift unter Contact, deren zweite Zeile als „PLZ Ort“ gelesen wird. |
| Postcode | page.organization.postalCode | string | _leer_ | Postleitzahl der Postanschrift. Wirkt nur zusammen mit den beiden Feldern daneben: Sobald eines der drei einen Wert trägt, wird die Anschrift unter Contact nicht mehr verwendet. |
| Town | page.organization.city | string | _leer_ | Ort der Postanschrift. Siehe die Anmerkung zur Postleitzahl. |
| Country | page.organization.country | string | _leer_ | Zweibuchstabiges Länderkürzel der Anschrift, z. B. CH, DE, AT. Leer verwendet das Land unter Contact. Allein bewirkt es nichts: Ohne Straße oder Ort wird überhaupt keine Anschrift geschrieben. |
| Telephone | page.organization.telephone | string | _leer_ | Telefonnummer in den strukturierten Daten, am besten in internationaler Form, z. B. +41 41 000 00 00. Leer verwendet die Telefonnummer unter Contact. |
page.organization.email | string | _leer_ | E-Mail-Adresse in den strukturierten Daten. Leer verwendet die E-Mail-Adresse unter Contact. | |
| Logo for search engines | page.organization.logo | string | _leer_ | Logo, das Suchmaschinen neben Ergebnissen zeigen, z. B. EXT:your_theme/Resources/Public/Images/logo.png oder eine vollständige Adresse. Leer verwendet das Theme-Logo unter Layout > Logo. Google liest hier Rasterbilder — ein SVG akzeptiert schema.org zwar, Google zeigt es aber nicht. |
Reiter: Social Media
| Feld | Einstellungsschlüssel | Typ | Vorgabe | Was es tut |
|---|---|---|---|---|
| Profiles on other sites | page.organization.sameAs | string | _leer_ | Vollständige Adressen der Profile, die zu dieser Organisation gehören — LinkedIn, Facebook, Instagram, YouTube, Wikipedia. Eine pro Zeile oder durch Kommas getrennt. Leer verwendet die Kanäle des Themes. Sie sagen einer Suchmaschine, dass diese Profile und diese Site denselben Betreiber haben; was keine gültige Adresse ist, wird verworfen. |
Reiter: Tracking
| Feld | Einstellungsschlüssel | Typ | Vorgabe | Was es tut |
|---|---|---|---|---|
| Google Tag Manager | page.tracking.google.tagManagerContainerId | string | _leer_ | Container-ID des Google Tag Manager |
| Matomo URL | page.tracking.matomo.url | string | _leer_ | Host der eigenen Matomo-Instanz OHNE Protokoll und ohne abschließenden Schrägstrich, z. B. analytics.example.com — daraus baut das Skript //<host>/matomo.php. Der Tracking-Code wird nur eingebunden, solange dieses Feld gefüllt ist. |
| Matomo ID | page.tracking.matomo.id | string | _leer_ | Site-ID, die diese Website innerhalb von Matomo hat — die Nummer aus der Liste „Websites“ in Matomo, nicht die Seiten-ID in TYPO3. |
Licence
| Feld | Einstellungsschlüssel | Typ | Vorgabe | Was es tut |
|---|---|---|---|---|
| Licence Key | licence.key | string | _leer_ | Der Lizenzschlüssel des Yavi-Themes (siehe E-Mail zur Kaufbestätigung). |
| Product Code | licence.product | string | _leer_ | Das Produkt, für das diese Lizenz gilt, z. B. yavi-lucerne. |