Password page countdown timer

Store Design
, , ,

Topic summary

A user building a clothing brand website on Shopify’s Whisper theme seeks help customizing a countdown timer on their password page. They want to:

Main Requirements:

  • Remove the countdown timer’s background
  • Position the timer to overlay an image

After initial troubleshooting to share the correct store URL and enable password access, a helper provides a custom code solution to be added to the theme.liquid file above the </body> tag.

Current Status:

  • The desktop implementation appears successful based on the helper’s screenshot
  • The conversation remains ongoing with the original poster now requesting assistance to fix the mobile display, suggesting the timer doesn’t render properly on mobile devices

The solution involves direct theme code customization rather than relying solely on the Essential Countdown app initially mentioned.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.
1

Hi all,

I am building a website on the Whisper theme. The website is for my clothing brand. To create excitement I have a password page, which will include an email input field and also a countdown timer.

Countdown timer

  • I have installed the app Essential Countdown app - can anyone help me with
  • 1. removing the background from the timer
  • 2. making it possible for the countdown timer to over lay the image (please see mock up attached)

Thanks,

Mary

Screenshot 2024-10-29 at 10.50.41.png
Screenshot 2024-10-29 at 10.50.41.png1188×790 146 KB

1 Like
2

Hey @marycrichton123

Share your Store URL and Password if enabled.

Best Regards,

Moeed

3

https://admin.shopify.com/store/1620f0-c9/themes/174758396252/editor?previewPath=%2Fpassword

1 Like
4

That’s the URL of your admin dashboard, please share the URL of your website’s front end.

Best Regards,

Moeed

5

Sure, but are you able to see the password page?

https://1620f0-c9.myshopify.com/

6

Can you enable password on your website so I can view the password page?

Best Regards,

Moeed

1 Like
7

done password: mishmash

8

I’m unable to see any countdown timer on your password page, do you have it disabled?

Best Regards,

Moeed

9

now?

10

Hey @marycrichton123

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1730205669448.png
Moeed_0-1730205669448.png1894×887 293 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
11

This is amazing are you able to tell me how you did it?

1 Like
12

Just simply follow the code instructions which I gave you and then it should be looking good!

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

13

How would I fix it for mobile?

Screenshot 2024-10-29 at 13.14.21.png
Screenshot 2024-10-29 at 13.14.21.png834×1586 51.2 KB