Alles wat u wilt weten voordat u installeert.
Een gedetailleerde blik op hoe Dark Mode Module PrestaShop 8/9: Automatische Donkere Modus werkt, waarom we het zo gebouwd hebben en de gedachte achter de bovenstaande functies.
De donkere modus is een standaard geworden, geen optie
De meeste smartphones en computers staan minstens een deel van de dag in donkere modus. Een site die om 23 uur op een telefoonscherm helderwit blijft, veroorzaakt onmiddellijk visueel ongemak en vaak een vertrek. Deze module brengt naar uw PrestaShop-winkel het comfort dat uw klanten overal elders al vinden, zonder dat u ook maar één regel van uw thema hoeft aan te passen.
Hij volgt de voorkeur van uw bezoekers, helemaal zelf
Standaard leest de module de kleurvoorkeur van het besturingssysteem van de bezoeker en past hij de bijbehorende modus toe. Zet de klant zijn toestel tijdens het surfen in donkere modus, dan volgt de winkel in real time, zonder de pagina te herladen. Zodra hij met de knop uitdrukkelijk kiest, wordt zijn keuze in zijn browser bewaard en bij al zijn volgende bezoeken behouden.
Een universele motor die uw productfoto's respecteert
De slimme filtermotor keert de pagina om en keert elk mediabestand opnieuw om: afbeeldingen, video's, iframes, canvas en achtergronden. Uw productfoto's behouden dus hun natuurlijke kleuren en een wit T-shirt blijft wit. Een bescherming tegen dubbele inversie verwerkt geneste media, een veelvoorkomend geval bij thema's die het picture-element voor responsive gebruiken. Helderheid en contrast zijn instelbaar om de weergave te verfijnen.
Of een echt donker palet, voor u gegenereerd
De tweede motor berekent een volledig donker gamma uit slechts twee kleuren: een achtergrond en een accent. Drie oppervlakteniveaus, de randen, de hoofdtekst en de gedempte tekst, het accent en de hoverstand daarvan worden er automatisch uit afgeleid en daarna als CSS-variabelen beschikbaar gesteld. De tekstkleur van de knoppen wordt zelfs gekozen volgens de relatieve luminantie van uw accent, om een leesbaar contrast te garanderen.
Nul witte flits, vanaf het eerste beeld
De meeste oplossingen voor donkere modus passen hun thema in JavaScript toe na het laden, wat een storende witte flits oplevert. Hier plaatst een synchroon script de donkere class in de roottag vóór de eerste rendering van de browser. De bezoeker ziet nooit de lichte versie, zelfs geen fractie van een seconde.
De knop waar u hem wilt, zonder te coderen
Een discrete zwevende knop in een van de vier hoeken, of een geïntegreerde schakelaar in uw header of footer. U kiest de doelhook uit een lijst, of u vult de naam van een eigen hook van uw thema in: de module registreert die automatisch bij het opslaan. Voor integrators laat de widgetsyntaxis van PrestaShop ook toe de schakelaar overal in een sjabloon te tonen.
Licht, zelfstandig, zonder afhankelijkheden
Geen Composer, geen framework, geen enkele externe JavaScript-bibliotheek. In totaal ongeveer 8 kB toegevoegd, een publieke API en een event bij het wisselen van modus om uw eigen integraties aan te koppelen, en volledige aandacht voor toegankelijkheid: ARIA-attributen, zichtbare focus en respect voor de systeeminstelling voor verminderde animaties.
There are no reviews yet.