Countdown Section for Any Shopify theme

Countdown Section for Any Shopify theme

How to see the code

1. Please log in/create an account first. This is to ensure that all purchases are connected to an account and can be viewed on different devices.

2. Purchase the code using the "purchase box" on the specific page of the desired code.

3. After the purchase, please refresh the page.

Compatibility: All Shopify themes, work best with Shopify 2.0 FREE themes

 I have seen several countdown sections for Shopify but I haven't seen a flip countdown clock with options to provide days, hours or minutes. You can use this countdown for your password layout, when your store is not ready to open.

Add countdown section in your Shopify store with very nice flip animation.

You can check the demo store here. Password: made4uo

 What you are buying:

  • A countdown section
  • Able to have countdown with days, hours, or minutes
  • Able to add heading, richtext, button, background image, and countdown. 
  • Container's height depends on the background image height
  • You can also use background color

What makes our code better:

  • We do not use external libraries, with that being said, our code will have no to minimal effect to your website's speed performance
  • We do not leave or add codes use to advertise for our website
  • Our code is mobile friendly

Any issues related to the code will be fix with no additional cost, excluding code customization requests. Simply contact us with "Chat with us." We are just a button away. 

To start:

1. From your Admin Page, click Online Store > Themes >Actions > Edit code
2. In the Section folder, create a section and name it "countdown-section", then paste the code below

<

 

3. Go to Asset folder, open the global.js or theme.js (your main javascript file). Paste the code at the very bottom of the file. Make sure to click SAVE

<

 

4. You can add the section using the theme editor, and find the Countdown Section. 

That's it (",)

Copied!
Back to blog

Leave a comment