Snow Effects - Pure CSS Christmas Snowfall with Season Dates and No JavaScript images
Snow Effects - Pure CSS Christmas Snowfall with Season Dates and No JavaScript
Price:
€29.99
No tax
Add a gentle snowfall or a festive Christmas mix to every page of your shop, in pure CSS — no JavaScript, no jQuery, no external files and nothing loaded from a third-party server. Set the first and last day of snow once and the season starts and stops by itself. Size, amount, fall speed and colour are all adjustable, the flakes never block a click, and visitors whose device asks for reduced motion see no snow at all. For PrestaShop 1.7 – 9.
Seasonal atmosphere without a seasonal performance hit
A snowfall on the shop is a small thing that makes December feel like December. What you do not want is the usual cost of it: a JavaScript library, a font loaded from someone else's CDN, a script that runs on every page all year, and a to-do note to switch it off in January. This module does none of that. It is CSS, it schedules itself, and it weighs about a kilobyte.
Two themes
Classic is plain white snowfall. Christmas mix scatters bells, music notes, trees, snowmen and gifts between the flakes. The ornaments keep their own colours; the snow glyphs take whichever colour you pick, with a soft shadow so white flakes stay visible on a light theme.
Set the season once and forget it
Give it a first and last day — December 1 to January 6, say — and the module compares the dates on every visit. The snow appears on its own and stops on its own. Leave the dates empty and it simply runs until you turn it off. This is the setting that stops a shop still snowing in March.
Adjustable, but sensible by default
- Intensity — calm, normal or blizzard.
- Size — 0.5 to 5, relative to your theme's text size, with each flake varying slightly around it.
- Amount — 4 to 48 flakes on screen at once.
- Colour — any real CSS colour.
- Show on phones — switch it off to limit the snow to screens wider than 768 px.
Every field is validated on save: ranges are enforced, dates must be valid and in the right order, colours must be real colours, and a size typed as 1,5 with a decimal comma is accepted rather than silently rejected. Invalid input comes back with a clear message and nothing you typed is lost.
Motion that looks natural
Every flake gets a random position, size and timing on each page load, and the animation starts mid-fall — so the screen is never empty for the first few seconds and the pattern never visibly repeats.
Respectful by design
The snow never intercepts clicks or text selection; every layer uses pointer-events: none, so nothing swallows a tap on a mobile button. Visitors whose system requests reduced motion see no snow at all, which is what motion-sensitive users need rather than a nice-to-have.
Where it renders
The markup goes in through the standard displayBeforeBodyClosingTag hook, which every theme built on PrestaShop's default layouts includes, and the stylesheet is registered through actionFrontControllerSetMedia so it joins the normal asset pipeline and only loads while the season is active. On a heavily customised theme you can attach the module to another display hook from Design → Positions, or place it directly with {widget name='snowflakesmeg'}. It renders at most once per page no matter how many hooks or widget calls it is attached to.
What version 2.0 fixed
Version 1.x had six real problems, all gone. It snowed twice on PrestaShop 1.7, because 1.x registered both displayHeader and its legacy header alias — two overlapping snow layers on every page. Christmas mode showed blank squares whenever a CDN was unreachable, because the festive icons came from a Font Awesome stylesheet on a deprecated third-party CDN, loaded on every page of the storefront and the back office; 2.0 uses native emoji and text glyphs and loads nothing external. Falling flakes blocked clicks, especially on mobile. A size typed with a decimal comma was rejected with no explanation. The snow markup was printed inside <head>, leaving browsers to repair the document; it now lands just before </body>. And there was no way to end the season — hence the dates.
Compatibility
PrestaShop 1.7, 8 and 9, in eight languages: Dutch, English, French, German, Italian, Polish, Spanish and Turkish. The animation runs on transform only, so it stays on the browser's compositor thread — no layout work and no jank, even at 48 flakes. There are no database tables, no overrides and no core changes, and uninstalling removes every setting including leftovers from 1.x, restoring your shop exactly as it was.
Frequently asked questions
Will it slow my shop down?
No. It is one small stylesheet and roughly a kilobyte of markup, animated on transform only, with nothing fetched from an external server.
Do I have to remember to turn it off in January?
No — that is what the season dates are for. Set the first and last day once and the snow starts and stops on its own.
Does it need JavaScript?
None at all. No JavaScript, no jQuery, no external files or fonts, which also makes it GDPR-friendly since nothing is requested from a third-party server.
Can the snow block my buttons?
No. Every snow layer uses pointer-events: none, so clicks and text selection pass straight through.
Can I hide it on mobile?
Yes, one switch limits the effect to screens wider than 768 px.
What about visitors who are sensitive to motion?
They see no snow. The module respects the prefers-reduced-motion system setting automatically.
My theme is custom and nothing appears — what now?
Attach the module to another display hook from Design → Positions, or drop {widget name='snowflakesmeg'} into your template. It still renders only once per page.
-
Reference47645
-
EAN138691246247643
-
CompatibilityPrestashop 1.4
Prestashop 1.5
Prestashop 1.6
Prestashop 1.7
Prestashop 8
Prestashop 9 -
Available Module TranslationsDutch
English
French
German
Italian
Polish
Spanish
Turkish
Compatibility
PS1.7
PS8
PS9
Translations
Dutch
English
French
German
Italian
Polish
Spanish
Turkish
Developer
MEG Venture
4 other products in the same category
Price by Surface, Volume, Length, Perimeter & Weight - Dimensional Pricing Calculator
€59.99
Rated out of 5 stars based on
review(s)
Request a Quote - Bulk Orders, Custom Price Inquiries & One-Click Price Offers
€49.99
Rated out of 5 stars based on
review(s)
| Version | 2.0.1 |
|---|---|
| Last updated | 2026-07-28 |
| Changelog | - [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 |
↻ Version history (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
Comments (2)
Your review appreciation cannot be sent
Report comment
Report sent
Your report cannot be sent