How to add snowfall effect to your blog, website, store?
All you need is one image and one line in your CSS. No JS involved. Believe me it is better not to use extra JS on things like that because any added JS snippet can hurt your website main functions, especially if this is your webshop we are talking about.
1. Upload snowfall image somewhere to the web and copy this image location
Here is the image I’ve used:
2. Imagine you want to put this snowfall image on your webpage background.
In this case look in your CSS file for body selector and add to it the following line:
background:url(yourimagepath) 0 0;
Save your CSS file and enjoy your snow fall.
This is how it looks like on my Cafepress web store in the end of the year:
I must say right away I’ve found one WP shortcoming so far – you just can’t type a code snippet to show it properly as a snippet in your post.
So after a while I figured: wrap your code snippet both in code tag and pre tag. Code tag with square brackets, pre tag – as the ordinary HTML tag.
This is bytesize post – tutorial but it will save you the time you spend on looking all over the web on how to post just few code lines!
And – every time you edit your post, it will kill your snippet so you rather write a new post but don’t touch the one with your nifty snippet! Pffff…
Going back to my previous post on Color Search, where I described how to add Shop by color feature to your store. Doesn’t really matter if it is Cafepress store you’d like to add this extra Search function or to your blog…
So how practically you can add Search on color feature to your website?
Make search on colors you want to suggest to your customers on your website and save all links which lead to this products on a certain color.
Add this code snippet in your HTML ( in place you want this color chart to appear:
There is a thing with my Cafepress store that it lives on its own because there is no traffic to it sometimes and all sales I got on Cafepress so far, went through the “Cafepress Marketplace”. But sales or no sales, I like to have this store to test simple code snippets to get the store to look pretty and functional at the same time. So today I make myself happy introducing Shop by color feature:
So far there are seven most popular gift colors in this little swatch but now I think I will add some more colors to it and may be to go further and will add some kind of image map of designs. Very excited about it!
You are welcome to pick this idea for your own store!