Wszystko, co warto wiedzieć, zanim zainstalujesz.
Szczegółowe spojrzenie na to, jak działa Moduł Dark Mode PrestaShop 8/9: automatyczny tryb ciemny, dlaczego zbudowaliśmy go w ten sposób i jaka myśl stoi za powyższymi funkcjami.
Tryb ciemny stał się standardem, a nie opcją
Większość smartfonów i komputerów jest skonfigurowana na ciemny motyw, przynajmniej przez część dnia. Strona, która o 23:00 pozostaje oślepiająco biała na ekranie telefonu, wywołuje natychmiastowy dyskomfort wizualny, a często wyjście. Ten moduł daje Twojemu sklepowi PrestaShop komfort, który Twoi klienci znają już zewsząd, bez dotykania ani jednej linijki motywu.
Sam podąża za preferencją odwiedzających
Domyślnie moduł odczytuje preferencję kolorów systemu operacyjnego odwiedzającego i stosuje odpowiedni tryb. Jeśli klient przełączy urządzenie w tryb ciemny podczas przeglądania, sklep podąża na żywo, bez przeładowania. Gdy tylko użyje przycisku, aby wybrać samodzielnie, jego wybór jest zapamiętywany w przeglądarce i utrzymywany przy wszystkich kolejnych wizytach.
Uniwersalny silnik, który szanuje zdjęcia produktów
Silnik inteligentnego filtra odwraca stronę i kontr-inwertuje każde medium: obrazy, wideo, iframe, canvas i tła. Twoje zdjęcia produktów zachowują więc naturalne kolory, biały t-shirt pozostaje biały. Ochrona przed podwójną inwersją obsługuje media zagnieżdżone, częsty przypadek w motywach używających elementu picture do responsywności. Jasność i kontrast są regulowane, aby dopracować rendering.
Albo prawdziwa ciemna paleta, wygenerowana dla Ciebie
Drugi silnik wylicza kompletną ciemną gamę z zaledwie dwóch kolorów: tła i akcentu. Trzy poziomy powierzchni, obramowania, tekst główny i tekst przygaszony, akcent i jego stan hover są z nich wyprowadzane automatycznie, a następnie eksponowane jako zmienne CSS. Kolor tekstu przycisków jest nawet dobierany według względnej luminancji akcentu, aby zagwarantować czytelny kontrast.
Zero białego błysku, od pierwszej klatki
Większość rozwiązań trybu ciemnego stosuje swój motyw w JavaScripcie po załadowaniu, co daje nieprzyjemny biały błysk. Tutaj synchroniczny skrypt umieszcza ciemną klasę w elemencie głównym przed pierwszym renderowaniem przeglądarki. Odwiedzający nigdy nie widzi jasnej wersji, nawet przez ułamek sekundy.
Przycisk tam, gdzie chcesz, bez kodowania
Dyskretny pływający przycisk w jednym z czterech rogów albo przełącznik zintegrowany z nagłówkiem lub stopką. Wybierasz docelowy hook z listy albo wpisujesz nazwę niestandardowego hooka Twojego motywu: moduł rejestruje go automatycznie przy zapisie. Dla integratorów składnia widget PrestaShop pozwala też wyświetlić przełącznik w dowolnym miejscu szablonu.
Lekki, autonomiczny, bez zależności
Bez Composera, bez frameworka, bez zewnętrznych bibliotek JavaScript. Około 8 kB dodane łącznie, publiczne API i zdarzenie zmiany trybu do podłączenia własnych integracji oraz pełne wsparcie dostępności: atrybuty ARIA, widoczny focus i respektowanie systemowego ustawienia redukcji animacji.
Na razie nie ma opinii o produkcie.