Snow Effects - Nevada navideña en CSS puro con fechas de temporada y sin JavaScript Imágenes
Snow Effects - Nevada navideña en CSS puro con fechas de temporada y sin JavaScript
Precio:
29,99 €
Sin impuestos
Añada una suave nevada o una festiva mezcla navideña a todas las páginas de su tienda, en CSS puro: sin JavaScript, sin jQuery, sin archivos externos y sin nada cargado desde un servidor ajeno. Indique una sola vez el primer y el último día de nieve y la temporada empieza y termina sola. El tamaño, la cantidad, la velocidad de caída y el color son ajustables, los copos nunca bloquean un clic y los visitantes cuyo dispositivo solicita movimiento reducido no ven nieve alguna. Para PrestaShop 1.7 - 9.
Ambiente de temporada sin la factura de rendimiento de siempre
Que nieve en la tienda es un detalle pequeño, pero es justo el detalle que hace que diciembre parezca diciembre. Lo que nadie quiere es el coste habitual: una biblioteca JavaScript, una fuente traída del CDN de otra empresa, código que se ejecuta en todas las páginas durante todo el año y una nota mental para desactivarlo en enero. Este módulo no hace nada de eso. Es CSS, se ocupa él solo del calendario y pesa alrededor de un kilobyte.
Dos temas
Clásico es nevada blanca y nada más. La mezcla navideña esparce campanas, notas musicales, árboles, muñecos de nieve y regalos entre los copos. Los adornos conservan sus propios colores; los copos toman el color que usted elija, con una sombra suave para que el blanco siga viéndose en un tema claro.
Configure la temporada una vez y olvídese
Indique un primer y un último día — del 1 de diciembre al 6 de enero, por ejemplo — y el módulo compara las fechas en cada visita. La nieve aparece sola y se detiene sola. Deje las fechas vacías y sencillamente caerá hasta que usted la desactive. Este es el ajuste que evita las tiendas que siguen nevadas en marzo.
Ajustable, pero bien calibrado de fábrica
- Intensidad — calma, normal o ventisca.
- Tamaño — de 0,5 a 5, relativo al tamaño del texto de su tema, con cada copo variando ligeramente alrededor de ese valor.
- Cantidad — de 4 a 48 copos en pantalla a la vez.
- Color — cualquier color CSS válido.
- Mostrar en móviles — desactívelo para reservar la nieve a las pantallas de más de 768 px.
Cada campo se valida al guardar: se respetan los rangos, las fechas deben ser válidas y estar en el orden correcto, los colores deben ser colores reales y un tamaño escrito como 1,5 con coma decimal se acepta en lugar de rechazarse en silencio. Una entrada incorrecta vuelve con un mensaje claro y no se pierde nada de lo que haya escrito.
Un movimiento que parece natural
En cada carga de página, cada copo recibe una posición, un tamaño y un ritmo aleatorios, y la animación arranca a media caída: la pantalla nunca está vacía durante los primeros segundos y el patrón nunca se repite de forma visible.
Respetuoso por diseño
La nieve nunca intercepta los clics ni la selección de texto; todas las capas usan pointer-events: none, así que nada se traga una pulsación en un botón del móvil. Los visitantes cuyo sistema solicita movimiento reducido no ven nieve en absoluto, que es lo que necesitan las personas sensibles al movimiento, y no un simple extra.
Dónde se muestra
El marcado entra por el hook estándar displayBeforeBodyClosingTag, presente en todos los temas construidos sobre las plantillas por defecto de PrestaShop, y la hoja de estilos se registra mediante actionFrontControllerSetMedia, de modo que se suma al flujo normal de recursos y solo se carga mientras la temporada está activa. En un tema muy personalizado puede asociar el módulo a otro hook de visualización desde Diseño → Posiciones, o colocarlo directamente con {widget name='snowflakesmeg'}. Se muestra como mucho una vez por página, sin importar a cuántos hooks o llamadas de widget esté asociado.
Lo que corrigió la versión 2.0
La versión 1.x tenía seis problemas reales; todos han desaparecido. Nevaba dos veces en PrestaShop 1.7, porque la 1.x registraba a la vez displayHeader y su antiguo alias header: dos capas de nieve superpuestas en cada página. En modo navideño aparecían cuadros vacíos en cuanto un CDN no estaba accesible, porque los iconos festivos venían de una hoja de estilos de Font Awesome alojada en un CDN ajeno ya abandonado, cargada en todas las páginas de la tienda y del back office; la 2.0 usa emojis y glifos de texto nativos y no carga nada externo. Los copos al caer bloqueaban los clics, sobre todo en el móvil. Un tamaño escrito con coma decimal se rechazaba sin explicación alguna. El marcado de la nieve se imprimía dentro de <head>, dejando que los navegadores repararan el documento; ahora se coloca justo antes de </body>. Y no había manera de poner fin a la temporada: de ahí las fechas.
Compatibilidad
PrestaShop 1.7, 8 y 9, en ocho idiomas: alemán, español, francés, inglés, italiano, neerlandés, polaco y turco. La animación se apoya únicamente en transform, así que permanece en el hilo de composición del navegador: ningún cálculo de maquetación y ningún tirón, ni siquiera con 48 copos. No hay tablas en la base de datos, ni overrides, ni modificaciones del núcleo, y al desinstalar se borran todos los ajustes, incluidos los restos que dejó la 1.x, para devolver su tienda exactamente a como estaba.
Preguntas frecuentes
¿Va a ralentizar mi tienda?
No. Es una hoja de estilos pequeña y alrededor de un kilobyte de marcado, animados solo con transform, sin pedir nada a un servidor externo.
¿Tengo que acordarme de desactivarla en enero?
No, para eso están las fechas de temporada. Configure una vez el primer y el último día y la nieve empieza y se detiene sola.
¿Necesita JavaScript?
En absoluto. Ni JavaScript, ni jQuery, ni archivos o fuentes externas, lo que además lo hace compatible con el GDPR, ya que no se solicita nada a un servidor ajeno.
¿Puede la nieve bloquear mis botones?
No. Todas las capas de nieve usan pointer-events: none, así que los clics y la selección de texto pasan directamente a través de ellas.
¿Puedo ocultarla en el móvil?
Sí, un solo interruptor reserva el efecto a las pantallas de más de 768 px.
¿Y los visitantes sensibles al movimiento?
No ven nieve. El módulo respeta automáticamente el ajuste del sistema prefers-reduced-motion.
Mi tema es a medida y no aparece nada, ¿qué hago?
Asocie el módulo a otro hook de visualización desde Diseño → Posiciones, o inserte {widget name='snowflakesmeg'} en su plantilla. Seguirá mostrándose una sola vez por página.
-
Referencia47645
-
ean138691246247643
-
CompatibilidadPrestashop 1.4
Prestashop 1.5
Prestashop 1.6
Prestashop 1.7
Prestashop 8
Prestashop 9 -
Traducciones Disponibles del MóduloAlemán
Español
Francés
Inglés
Italiano
Neerlandés
Polaco
Turco
Compatibilidad
PS1.7
PS8
PS9
Traducciones
Neerlandés
Inglés
Francés
Alemán
Italiano
Polaco
Español
Turco
Demostración
Iniciar sesión:
demo@demo.com
/ Demodemo123!
Desarrollador
MEG Venture
4 productos más en la misma categoría
Envío de regalo digital - Regale productos virtuales y enlaces de descarga a un amigo por correo
49,99 €
Valorado de 5 estrellas basado en
reseña(s)
Private CMS - Customer Group CMS Authorization Module
49,99 €
Valorado de 5 estrellas basado en
reseña(s)
Productos más vistos
Smart Scroll Buttons - Volver arriba y Desplazarse abajo con vista previa en vivo
39,99 €
Valorado de 5 estrellas basado en
reseña(s)
Vimeo Video Showcase - slider adaptable y lightbox con miniaturas automáticas
49,99 €
Valorado de 5 estrellas basado en
reseña(s)
| Versión | 2.0.1 |
|---|---|
| Última actualización | 2026-07-28 |
| Registro de cambios | - [2026-07-24] Add translations for snowflakesmeg module in Italian, Dutch, Polish, and Turkish - [2026-07-23] Add changelog for version 2.0.1 detailing upgrade fix for module registration - [2026-07-23] Bump version to 2.0.1 and improve upgrade process for module hooks registration - [2026-07-23] Translate snowflakesmeg module strings to Italian, Dutch, Polish, and Turkish; update various phrases for clarity and consistency across languages. - [2026-07-23] Populate translation files with complete translatable strings - [2026-07-23] Populate translation files with complete translatable strings - [2026-07-23] Complete translation files for FR, DE, PL, NL, TR, IT, ES - [2026-07-23] Populate translation files with complete translatable strings - [2026-07-23] Populate translation files with complete translatable strings - [2026-07-23] Populate translation files with complete translatable strings - [2026-07-23] Add missing translation files (fr, de, pl, nl, tr, it, es) - [2026-07-22] Fix display name typo in Snowflakes module - [2026-07-14] Add Snowflakes Module v2.0.0 with CSS Snowfall Effects - [2023-09-11] v1.1.1 - [2021-09-23] v1.1.0 - [2021-09-19] initial release v1.0.0 - [2021-09-19] Initial commit |
↻ Historial de versiones (2)
• [2026-07-14] Add Snowflakes Module v2.0.0 with CSS Snowfall Effects
• [2023-09-11] v1.1.1
• [2021-09-23] v1.1.0
• [2021-09-19] initial release v1.0.0
• [2021-09-19] Initial commit
• [2023-09-11] v1.1.1
• [2021-09-23] v1.1.0
• [2021-09-19] initial release v1.0.0
• [2021-09-19] Initial commit
Comentarios (2)
Su agradecimiento a la reseña no pudo ser enviado
Reportar comentario
Reporte enviado
Su reporte no pudo ser enviado