Tutto quello che vorresti sapere prima di installare.
Uno sguardo dettagliato su come funziona Modulo Modalità Scura PrestaShop 8/9 — Tema scuro automatico, perché l'abbiamo progettato così, e il ragionamento dietro le funzionalità qui sopra.
La modalità scura è ormai uno standard, non un'opzione
La maggior parte degli smartphone e dei computer è impostata su un tema scuro, almeno per una parte della giornata. Un sito che resta bianco accecante alle 23 sullo schermo di un telefono provoca un disagio visivo immediato, e spesso un abbandono. Questo modulo porta al suo negozio PrestaShop il comfort che i suoi clienti trovano già ovunque, senza che lei debba toccare una sola riga del suo tema.
Segue la preferenza dei suoi visitatori da solo
Per impostazione predefinita, il modulo legge la preferenza di colore del sistema operativo del visitatore e applica la modalità corrispondente. Se il cliente passa il dispositivo alla modalità scura durante la navigazione, il negozio lo segue in tempo reale, senza ricaricare. Non appena usa il pulsante per scegliere esplicitamente, la sua scelta viene memorizzata nel browser e conservata per tutte le visite successive.
Un motore universale che rispetta le sue foto prodotto
Il motore a filtro intelligente inverte la pagina e contro-inverte ogni media: immagini, video, iframe, canvas e sfondi. Le sue foto prodotto conservano quindi i colori naturali, e una t-shirt bianca resta bianca. Una protezione contro la doppia inversione gestisce i media annidati, caso frequente nei temi che usano l'elemento picture per il responsive. Luminosità e contrasto sono regolabili per affinare il risultato.
Oppure una vera palette scura, generata per lei
Il secondo motore calcola una gamma scura completa a partire da due soli colori: uno sfondo e un accento. Tre livelli di superficie, i bordi, il testo principale e il testo attenuato, l'accento e il suo stato hover ne derivano automaticamente e vengono esposti come variabili CSS. Il colore del testo dei pulsanti è addirittura scelto in base alla luminanza relativa del suo accento, per garantire un contrasto leggibile.
Nessun lampo bianco, fin dal primo fotogramma
La maggior parte delle soluzioni per la modalità scura applica il proprio tema in JavaScript dopo il caricamento, il che produce uno sgradevole lampo bianco. Qui uno script sincrono colloca la classe scura sull'elemento radice prima del primo rendering del browser. Il visitatore non vede mai la versione chiara, nemmeno per una frazione di secondo.
Il pulsante dove vuole lei, senza programmare
Pulsante flottante discreto in uno dei quattro angoli, oppure interruttore integrato nel suo header o nel suo footer. Sceglie l'hook di destinazione da un elenco, oppure digita il nome di un hook personalizzato del suo tema: il modulo lo registra automaticamente al salvataggio. Per gli integratori, la sintassi widget di PrestaShop consente inoltre di visualizzare il pulsante ovunque in un template.
Leggero, autonomo, senza dipendenze
Niente Composer, niente framework, nessuna libreria JavaScript esterna. Circa 8 KB aggiunti in totale, un'API pubblica e un evento di cambio modalità per collegare le sue integrazioni, e una cura completa dell'accessibilità: attributi ARIA, focus visibile e rispetto dell'impostazione di sistema per la riduzione delle animazioni.
Ancora non ci sono recensioni.