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

Sell Online With Shopify
Trusted by millions of businesses worldwide
Sign up for a free trial and enjoy 3 months of Shopify for $1/month on select plans.

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.


  • 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.

Looking for Shopify Experts?

Hura Apps can help you take your store to the next level

Our team of experienced designers and developers can help you create a beautiful, high-converting Shopify store that will drive sales and increase customer satisfaction. From custom design to app development and optimization, we have the skills and expertise to help you achieve your eCommerce goals.

Get in touch

You may also like...

Leave a Reply

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