Frontend Style Changer

6.1 | 6.2

Konfigurierbarer Stilwechsler im Frontend mit vier Positionen und ausfahrendem Panel. Ideal für Multi Style und Hell/Dunkel Modus.

Mit dem Frontend Style Changer bindest du einen gut sichtbaren Stilwechsler direkt in deine Community ein, ohne Templates anpassen zu müssen. Beim Klick öffnet sich ein modernes Seitenpanel. Mitglieder und Gäste wählen Stile über Vorschaubilder und wechseln zuverlässig zwischen allen installierten Themes.

Zusätzlich kannst du, sofern der aktive Stil einen Dark Mode unterstützt, einen Farbschema Umschalter anzeigen lassen. Als eigene Lasche (links/rechts) oder optional direkt im Stilpanel. Hell, Dunkel und System wechseln sofort, ohne die Seite neu zu laden.

Der bisherige Stilwechsler im Footer wird automatisch ausgeblendet, damit Besucher nicht zwei Wechsler gleichzeitig sehen. Stattdessen erscheint ein klar erkennbares Element an der von dir gewählten Stelle, dezent, aber immer griffbereit.

Funktionen im Überblick

  • Vier Positionen zur freien Wahl:
    • Lasche links mittig (vertikale Beschriftung)
    • Lasche rechts mittig (vertikale Beschriftung)
    • Kreis unten links (mit Icon und Tooltip)
    • Kreis unten rechts (mit Icon und Tooltip)
  • Ausfahrendes Stilpanel mit Vorschaubildern in einer übersichtlichen Rasteransicht
  • Live Suche im Panel, ideal bei vielen Stilen (im ACP ein und ausschaltbar)
  • Stilwechsler und Farbschema getrennt steuerbar. Du kannst nur den Stilwechsler, nur den Farbschema Umschalter oder beides gleichzeitig aktivieren
  • Farbschema Lasche (nur bei Lasche links/rechts): Kompakte Icon Lasche oberhalb des Stilwechslers. Zeigt das aktive Farbschema und fährt beim Hover drei Icons (Hell, Dunkel, System) aus. Wird nur angezeigt, wenn die Option aktiv ist und der aktuelle Stil Dark Mode unterstützt
  • Farbschema optional im Panel: Zusätzlich oder alternativ direkt im Stilpanel, oberhalb der Suche bzw. der Stilauswahl
  • Mehrsprachige Beschriftung für Lasche und Tooltip (Standard: „Stil wechseln“)
  • Farbanpassung an den Stil: Lasche, Farbschema Lasche und Kreis übernehmen automatisch die Farben des Primary Buttons des aktiven Stils
  • Intelligente Anzeige: Der Stilwechsler erscheint nur, wenn WSC mehrere Stile zur Verfügung stellt und die Option aktiv ist

Optionen und Einstellungen

Alle Einstellungen findest du im Administrationsbereich unter Konfiguration → Optionen.

Modul aktivieren/deaktivieren
Kategorie: Module
Option: Frontend Stilwechsler aktivieren
Hier schaltest du das gesamte Plugin ein oder aus. Ist das Modul deaktiviert, werden weder Lasche noch Kreis im Frontend angezeigt.

Position
Kategorie: Allgemein → Frontend Stilwechsler
Option: Position
Hier wählst du, ob der Stilwechsler als Lasche links, Lasche rechts, Kreis unten links oder Kreis unten rechts erscheinen soll.

Beschriftung
Kategorie: Allgemein → Frontend Stilwechsler
Option: Beschriftung
Hier legst du den Text fest, der in der Lasche angezeigt bzw. beim Kreis als Tooltip eingeblendet wird. Über Mehrsprachigkeit kannst du pro Sprache einen eigenen Text hinterlegen.

Stilwechsler anzeigen
Kategorie: Allgemein → Frontend Stilwechsler
Option: Stilwechsler anzeigen (Standard: aktiviert)
Schaltet die Lasche bzw. den Kreis zum Wechseln des Stils ein oder aus. Deaktiviere diese Option, wenn du nur den Farbschema Umschalter nutzen möchtest.

Farbschema Umschalter
Kategorie: Allgemein → Frontend Stilwechsler
Option: Farbschema Umschalter (Standard: aktiviert)
Zeigt oberhalb der Stil Lasche (links/rechts) den kompakten Umschalter für helles, dunkles oder automatisches Farbschema. Voraussetzungen: Option aktiv und der aktuelle Stil muss Dark Mode unterstützen. Bei Kreis Positionen ist der Farbschema Umschalter als Lasche nicht verfügbar.

Farbschema im Panel
Kategorie: Allgemein → Frontend Stilwechsler
Option: Farbschema im Panel (Standard: deaktiviert)
Zeigt den Umschalter für Hell, Dunkel und System zusätzlich oder alternativ direkt im Stilpanel an.

Live Suche
Kategorie: Allgemein → Frontend Stilwechsler
Option: Live Suche (Standard: aktiviert)
Blendet im Stilpanel ein Suchfeld ein, mit dem Stile sofort gefiltert werden können.

Frontend Style Changer

Preis

  • Frontend Style Changer
    CHF 7,90

Gem. Art. 10 (Mehrwertsteuergesetz) wird die Mehrwertsteuer in dieser Rechnung nicht ausgewiesen.

Weitere Produkte

  • Aconic Multi

    Modernes, helles Design für die WoltLab Suite mit integriertem Dark Mode und umfangreichen Optimierungen für eine perfekte User Experience.
  • Custom Buttons - VieCode Shop

    Erweitere deine Produktseiten mit individuellen Buttons für Demos, Dokumentationen, Downloads und mehr
  • Forum Ticket System

    Erweitere dein WoltLab Forum um ein integriertes Ticketsystem mit privaten Foren
Hier geht es zur GrischaMedia Demo Webseite
  • Frontend Style Changer 6.2.3

    • Neues Stilpanel. Stile öffnen sich in einem modernen Seitenpanel statt im bisherigen Dialog. Die Lasche fährt mit dem Panel aus.
    • Schnellere Stilauswahl. Stile erscheinen als Vorschaubilder in einer übersichtlichen Rasteransicht.
    • Live Suche. Bei vielen Stilen kannst du direkt im Panel nach dem gewünschten Stil suchen (im ACP ein und ausschaltbar, standardmäßig aktiv).
    • Farbschema neu angeordnet. Der Umschalter für Hell, Dunkel und System sitzt jetzt oberhalb der Stilauswahl.
    • Farbschema optional im Panel. Du kannst den Umschalter zusätzlich oder alternativ direkt im Stilpanel anzeigen lassen.
    • Sofortiger Wechsel. Hell, Dunkel und System wechseln ohne Seitenneuladen. Das Panel bleibt dabei geöffnet.
  • Frontend Style Changer 6.2.2

    Neu

    • Farbschema-Umschalter unter der Lasche (links/rechts) für helles, dunkles und automatisches Farbschema (sofern verfügbar)
    • Neue ACP-Option zum Aktivieren/Deaktivieren der beiden Funktionen
    • Stilwechsler und Farbschema-Umschalter können unabhängig voneinander aktiviert werden

    Fixes

    • Lasche links: Ecken-Rundung auf der falschen Seite
  • Frontend Style Changer 6.2.1

    Neue Funktion

    • Multilanguage-Unterstützung für die Beschriftung
  • Frontend Style Changer 6.2.0

    Release