Style-Switcher

Das Frontend-Modul Creuva › Creuva Style-Switcher blendet am linken Rand ein Zahnrad ein. Darüber probieren Besucher Farbschema, Farbmodus (Light, Dark, System), Typografie (Modern, Editorial) und Eckenradius live aus – ideal für eine Demo oder um mit Kunden ein Farbschema auszuwählen.

Einrichten

Lege unter Layout › Themes › Module ein Modul vom Typ Creuva Style-Switcher an (die Demos haben es bereits).
Weise es im Seitenlayout dem Bereich top zu, damit die Auswahl vor dem ersten Rendern greift.

Die Auswahl wird nur im Browser gespeichert (localStorage) und gilt auf allen Seiten mit dem Modul.

Kombination per Link

Eine Kombination lässt sich direkt verlinken, z. B.:

https://www.deine-domain.de/?scheme=red&theme=dark&typography=editorial&radius=none

Parameter	Werte
`scheme`	Schlüssel des Farbschemas, z. B. `petrol`
`theme`	`light`, `dark`, `auto`
`typography`	`modern`, `editorial`
`radius`	`none`, `small`, `medium`, `large`

Auswahl für die Website speichern

In der Frontend-Vorschau zeigt der Switcher Administratoren zusätzlich den Button „Für die Website speichern“. Er speichert die Auswahl im Startpunkt der aktuellen Website, leert den Seiten-Cache und gilt danach für alle Besucher. Redakteure ohne Admin-Rechte und normale Besucher sehen den Button nicht.

Nur für Backend-Benutzer

Mit der Moduloption „Nur für angemeldete Backend-Benutzer“ ist der Switcher für Besucher unsichtbar. Er erscheint nur, wenn du im Backend angemeldet bist; eine früher im Browser gespeicherte Auswahl gilt für Besucher dann nicht mehr.

Anmerkung

Setze diese Option auf Live-Websites. Ohne sie sieht jeder Besucher den Switcher.