Todo lo que querrías saber antes de instalar.
Una mirada detallada a cómo funciona Módulo Modo Oscuro PrestaShop 8/9 — Tema oscuro automático, por qué lo construimos así y la lógica detrás de las características anteriores.
El modo oscuro ya es un estándar, no una opción
La mayoría de los smartphones y ordenadores están configurados en tema oscuro, al menos durante parte del día. Un sitio que sigue siendo blanco deslumbrante a las 23 h en la pantalla de un móvil provoca una incomodidad visual inmediata, y a menudo un abandono. Este módulo aporta a su tienda PrestaShop la comodidad que sus clientes ya encuentran en todas partes, sin que usted tenga que tocar una sola línea de su tema.
Sigue la preferencia de sus visitantes por sí solo
Por defecto, el módulo lee la preferencia de color del sistema operativo del visitante y aplica el modo correspondiente. Si el cliente cambia su dispositivo a modo oscuro mientras navega, la tienda le sigue en directo, sin recargar. En cuanto usa el botón para elegir explícitamente, su elección se guarda en su navegador y se recuerda en todas sus visitas posteriores.
Un motor universal que respeta sus fotos de producto
El motor de filtro inteligente invierte la página y contrainvierte cada medio: imágenes, vídeos, iframes, canvas y fondos. Sus fotos de producto conservan por tanto sus colores naturales, y una camiseta blanca sigue siendo blanca. Una protección contra la doble inversión gestiona los medios anidados, un caso frecuente en los temas que usan el elemento picture para el responsive. El brillo y el contraste son ajustables para afinar el resultado.
O una verdadera paleta oscura, generada para usted
El segundo motor calcula una gama oscura completa a partir de solo dos colores: un fondo y un acento. Tres niveles de superficie, los bordes, el texto principal y el texto atenuado, el acento y su estado hover se derivan automáticamente y se exponen como variables CSS. El color del texto de los botones se elige incluso según la luminancia relativa de su acento, para garantizar un contraste legible.
Cero destello blanco, desde el primer fotograma
La mayoría de las soluciones de modo oscuro aplican su tema en JavaScript después de la carga, lo que produce un desagradable destello blanco. Aquí, un script síncrono coloca la clase oscura en el elemento raíz antes del primer renderizado del navegador. El visitante nunca ve la versión clara, ni siquiera una fracción de segundo.
El botón donde usted quiera, sin programar
Botón flotante discreto en una de las cuatro esquinas, o interruptor integrado en su cabecera o su pie. Elige el hook de destino en una lista, o escribe el nombre de un hook personalizado de su tema: el módulo lo registra automáticamente al guardar. Para los integradores, la sintaxis widget de PrestaShop también permite mostrar el botón en cualquier lugar de una plantilla.
Ligero, autónomo, sin dependencias
Sin Composer, sin framework, sin ninguna biblioteca JavaScript externa. Unos 8 KB añadidos en total, una API pública y un evento de cambio de modo para conectar sus propias integraciones, y una atención completa a la accesibilidad: atributos ARIA, foco visible y respeto del ajuste del sistema de reducción de animaciones.
No hay valoraciones aún.