How to create twinkling visual effects on the background to your Shopify store

Would you like to do something to make your Shopify store more impressive with visitors. But you don’t know how to do. Please try with starlight effect with Starlight.js.

Starlight.js is a simple jQuery plugin for creating twinkling visual effects on the background that randomly animates stars (squares or circles) based on the frequency and density defined by the user.

DEMO

  • From your Shopify admin, go to Online Store > Themes.
  • Find the theme you want to edit, and then click Actions > Edit code.
  • In the Layout section, click theme.liquid to open the file in the online code editor.
  • Find </head> and paste the below code just above it.
  • Click Save and you are done.

You can customize the twinkling visual effect by overriding the following options.

Advanced settings to customize the stars.

For more advanced usages, please visit the official website.

You may also like...

Leave a Reply

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