Alles, was Sie wissen sollten bevor Sie installieren.
Ein detaillierter Blick darauf, wie Dark Mode Modul für PrestaShop 8/9 — Automatisches dunkles Theme funktioniert, warum wir es so gebaut haben und der Gedanke hinter den Funktionen oben.
Dark Mode ist heute Standard, keine Option
Die meisten Smartphones und Computer sind zumindest zeitweise auf ein dunkles Theme eingestellt. Eine Website, die um 23 Uhr auf einem Handybildschirm strahlend weiß bleibt, verursacht sofortiges visuelles Unbehagen und oft einen Absprung. Dieses Modul bringt Ihrem PrestaShop-Shop den Komfort, den Ihre Kunden überall sonst bereits finden, ohne dass Sie eine einzige Zeile Ihres Themes anfassen müssen.
Es folgt der Vorliebe Ihrer Besucher ganz von allein
Standardmäßig liest das Modul die Farbeinstellung des Betriebssystems Ihres Besuchers und wendet den passenden Modus an. Stellt der Kunde sein Gerät während des Besuchs auf Dunkel um, folgt der Shop live, ohne Neuladen. Sobald er den Button nutzt, um bewusst zu wählen, wird seine Entscheidung im Browser gespeichert und bei allen weiteren Besuchen beibehalten.
Eine universelle Engine, die Ihre Produktfotos respektiert
Die Smart-Filter-Engine invertiert die Seite und invertiert jedes Medium gegen: Bilder, Videos, iFrames, Canvas und Hintergründe. Ihre Produktfotos behalten damit ihre natürlichen Farben, ein weißes T-Shirt bleibt weiß. Ein Schutz gegen doppelte Invertierung behandelt verschachtelte Medien — ein häufiger Fall bei Themes, die das picture-Element für responsive Bilder nutzen. Helligkeit und Kontrast sind einstellbar, um das Ergebnis zu verfeinern.
Oder eine echte dunkle Palette, für Sie erzeugt
Die zweite Engine berechnet aus nur zwei Farben eine vollständige dunkle Skala: einem Hintergrund und einem Akzent. Drei Oberflächenstufen, die Rahmen, der Haupttext und der gedämpfte Text, der Akzent und sein Hover-Zustand werden automatisch abgeleitet und als CSS-Variablen bereitgestellt. Sogar die Textfarbe der Buttons wird anhand der relativen Leuchtdichte Ihres Akzents gewählt, um lesbaren Kontrast zu garantieren.
Kein weißes Aufblitzen, schon ab dem ersten Bild
Die meisten Dark-Mode-Lösungen wenden ihr Theme per JavaScript nach dem Laden an, was ein unangenehmes weißes Aufblitzen erzeugt. Hier setzt ein synchrones Skript die Dark-Klasse auf das Wurzelelement, bevor der Browser zum ersten Mal rendert. Der Besucher sieht die helle Version nie, nicht einmal einen Sekundenbruchteil.
Der Button dort, wo Sie ihn wollen, ohne Programmierung
Dezenter schwebender Button in einer der vier Ecken oder integrierter Schalter in Ihrem Header oder Footer. Sie wählen den Ziel-Hook aus einer Liste oder tragen den Namen eines benutzerdefinierten Hooks Ihres Themes ein: das Modul registriert ihn beim Speichern automatisch. Für Integratoren erlaubt die Widget-Syntax von PrestaShop zudem, den Umschalter an beliebiger Stelle in einem Template auszugeben.
Leicht, eigenständig, ohne Abhängigkeiten
Kein Composer, kein Framework, keine externe JavaScript-Bibliothek. Insgesamt rund 8 KB zusätzlich, eine öffentliche API und ein Ereignis bei Moduswechsel für Ihre eigenen Integrationen sowie umfassende Barrierefreiheit: ARIA-Attribute, sichtbarer Fokus und Beachtung der Systemeinstellung für reduzierte Bewegung.
Es gibt noch keine Rezensionen.