Spicing up your Shopify store this Christmas with Christmas light effect

Enercos - Single Product eCommerce Shopify Theme

What is Christmas if you haven’t got your lights up? Follow below mentioned steps to place flashing lights on your website.

DEMO

Log in to your Shopify store. From your Shopify admin, go to Online Store > Themes. Click Actions > Edit code.

Step 1: Create christmas-light.liquid file

In the Snippets directory, click Add a new snippet. In popup appear: Give your snippet the name christmas-light and click Create snippet.

In the online code editor, paste the content from the below text.

Step 2: Create christmas-light.scss file

In the Assets directory, click Add a new asset. In popup appear: Go to Create a blank file tab, give your asset the name christmas-light, choose .scss and click Add asset.

In the online code editor, paste the content from the below text.

Step 3: Edit theme.liquid file

In the Layouts folder, locate and click on your theme.liquid file to open it in the online code editor. In the online code editor:

Add the below code before close </head> tag.

Add the below code after open <body> tag.

DEMO

You may also like...

Leave a Reply

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