How to add falling confetti to your Shopify store

Similar to the snowfall effect you can easily create the falling confetti effect to your Shopify store.

LIVE DEMO

This article will guide you how to makes uses of HTML5 canvas to create a fullscreen, great-looking confetti falling effect on the Shopify store.

  • From your Shopify admin, go to Online Store > Themes.
  • Find the theme you want to edit, and then click Actions > Edit code.
  • Under Layout, select theme.liquid.
  • Scroll down the page until you find the close body tag.
  • Paste the below code just before the tag
  • Click Save and you are done.

In fact, If you have knowledge about  programming, you could further customize the effect to better suit your store.

Happy coding!

You may also like...

2 Responses

  1. Ria Patag says:

    Hi!

    How do I stop this animation after 5 seconds?

    Ria

  2. Alexander C Clark says:

    Hi I’m trying this and it doesn’t seem to work for my site.

    I’ve added the code above the closing body tag but it doesn’t seem to be working

Leave a Reply

Your email address will not be published. Required fields are marked *