Back by popular demand – it’s Inchoo Snowflakes Magento extension! Revamped to behave nicely with responsive layouts, this extension will give your store a real holiday cheer, and bring smiles to your customers’ faces. Step by step installation and customization guide included.
This extension was brought to you originally back in December 2011 and we’ve seen plenty of stores using it. It was about time to make a full revamp, clean the code a bit and optimize it for new, responsive layouts most of you are proud to feature on your stores, right?
We decided to let you choose among many options – number, size, speed, color (just put in the hex code or even better – type the color name) and shape.
Hey, you can even put in a text to be displayed and act as snowflakes – so, you could have a store that’s literally raining “men” 😉
Installation
Step 1:
Simply download InchooSnowflakes.zip and extract files in your root folder.
If you are using a custom theme, copy the files in the appropriate theme folders.
Step 2:
Refresh your homepage. Log out of admin and log back in.
Step 3:
Enable Inchoo Snowflakes module in Admin (System -> Configuration -> Inchoo Snowflakes),
Select “Yes” in the dropdown menu to enable the extension.
Step 4:
Reload cache and let it snow! 😉
Customize
A quick handy guide to customizing the look and feel of your snowflakes:
- Number – recommended 25 – 75 (too many snowflakes can slow down your site)
- Color – edit color with Hex code or color name
- Speed – recommended 1-5
- Size – define minimum and maximum size
- Symbol – ❄ ❅ ❆ – or put in any text you wish
Additional customizations
In xml file you can redefine where you want the snowflakes to appear.
Change handler etc. if you want them to show only on your homepage.
Path:
app/design/frontend/base/default/layout/inchoo/snowflakes/layout.xml(or your theme folder).
Replace:
<default> ... </default>with:
<cms_index_index> ... </cms_index_index>Demo
Here is our demo page with snowflakes,
and Magento Demo shop – http://demo.inchoo4u.net/ (online only this month).
Screenshots
Configuration preview (Admin -> System -> Configuration -> Inchoo Snowflakes):
Homepage Madison Island – desktop preview:
Homepage Madison Island – smartphone preview:
Download
Download the zip file here.
Compatibility
The extension has been tested on CE 1.9.x.x and backwards to 1.7.x versions and should work on older ones as well (no jQuery, strict by-the-book Magento work with Prototype) 🙂
But, as always – test it out on your development environment before pushing it to production – you know the drill.
Sharing is caring
Now that you’ve installed the extension, share some screenshots of what you played around with, I’m sure you’ll be very creative 🙂
Happy holidays everyone!
Let It Snow! Let It Snow! Let It Snow! 😉
All works great on frontend but in System > Configuration > Inchoo Snowflakes it just returns a 404 Error
Log out of admin and log back in? 🙂
Yep it didn’t read that bit in the instructions
Cool..
Thanks 😉
Awesome !!!!!!
Thanks! 🙂
how to display on all pages including homepage?
By default must be on whole website, just set in XML “default” as reference, good luck! 🙂
Doesn’t display on homepage even after editing layout.xml file….
Are you using custom theme or default?
You need copy xml file and template in you theme 🙂
Hi,
I unzipped the file and put it in the app folder on the server….I do not see the same on the configuration page in the backend and it also doesnt show up in the disable modules output in the advanced section too.. what am i doing wrong
Hi Shamil,
extract files in your root folder, and copy template and xml in your theme 🙂
I really miss live Magento demo.
Hi Tomislav,
you can check Snowflakes on our Demo Store
– http://demo.inchoo4u.net/ (online only this month)
Hello,
first of all i would like to say thank you for updating this nice extension.
I have installed your extension at our new testshop with magento 1.9.2.2 and Argento theme 1.7.1 and it works but i have the same issue like Andy (02-12-2015 at 20:14). Also your suggestion does not solve this issue. It slow down only the speed from top to buttom. But the issue is with the snowflake switching very fast from left to right.
Thanks
Hi Gino,
wrong zip file was uploaded, just re-download new 🙂
Compare JS from Demo with yours, must be the same.
Thanks foe fast answer. Now it works and i will install it at our liveshop today. Thank you again and i wish you a merry christmas and a happy new year 🙂
Thanks, sorry for problems, I’m glad you like it and what you use on your live shop.
I wish you a Merry Christmas and a happy New Year!
..let It Snow! 😉
Hi all!
I made update on this post and extension, check new Snowflakes and share your feedback. 🙂
Thanks for the extension! I have it installed, but on my site the snowflakes move from side to side really fast. How would I slow it down?
Hi Andy, you can set decimal number for speed in admin configuration, eg. 0.5 or 0.001 🙂
Hey Matej, thanks for the reply. But the speed in configuration is for vertical drop and the issue I’m having is with the side to side swaying. On my test site it is very jittery… As you can see here http://goo.gl/3cA6uL Any clue on how I can fix this would be appreciated!
Hi Andy, you have javascript conflict, for some reason your snowflakes position are calculated in pixels. Need be in percentage, check our demo 🙂
I checked your .js, and it’s different, I go now re-upload a new zip for download, please try with new js file from zip.
Thanks!
Much thanks =)
Hello, thanks for your module. That’s the best Snowflakes-Extension ever 🙂
Best regards from Germany.
Frank
Really Really Really Superbbbbbbb.
Good Effort.
Nice extension! This works on every page, EXCEPT on the homepage. And I only want this to work on homepage. Any idea’s how to solve this? Thanks in advance! 🙂
thank you very much!
this is what i’ve been looking for.
Superb Effect…Made My Christmas…Must To Have For Christams Theme…Thanx And Hats Off To Developer
Like websites from 90’s… ^^
@Don V.
Then I have some older version of code 😛
Thanks for the confirmation that it’s working on newer versions of Magento.
P.S. Nice idea with leaves! 🙂
@coer
I’m using it on CE 1.7.0.2 and it is working just fine.
Enjoy,
Don V.
Hi Davor,
Does it support Magento Community 1.7?
Regards,
Coer
@Don V.
Changing handler
to
in
app/design/frontend/default/default/layout/inchoo/snowflakes/layout.xml should display snowflakes only on homepage.
Davor Budimcic,
Is there a way to modify your code so we have the option to only dipslay snowflakes on the home page?
Thanks for your help!
@Davor,
Of course, thanks for the reply!
@Matthijs
You can disable/enable module(s) output in
Admin > System > Configuration > Advanced > Disable Modules Output > Inchoo_Snowflakes
😉
Great extension and easy install!
Now just waiting for the holidays to come 🙂
In the meantime I’ve disabled the “snow machine” by renaming the Inchoo_Snowflakes.xml to Inchoo_Snowflakes.xml.bk
Is this the proper way to do this or is there a better way (via backend)?
Thanks!
Matthijs
Great extension!
Does it work in Magento 1.7?
Regards,
Paul
getting error
oh! thank u so much.very nice work . But when i am accessing the config it gives an error 404 .
@Paul and Michael:
Perhaps the question sounds stupid, but did you reload Magento Cache?
Realy nice extension! Isn’t this scarring people away?
I guess you cooperated together with Google to let is snow 🙂 Actually, it looks amazing. Good job, it made me smile!
@Martin: Try to reduce number of snowflakes in configuration
I’ll make some demo this evening and update the article.
Thanks for the comments!
I’m also missing a demo. Nice simple extension guys!
No demo? Ahhh c’mon!
Looks like good fun! Happy christmas!