What's your biggest current challenge? Have your say in Community Polls along the right column.

Password page countdown timer

Password page countdown timer

marycrichton123
Explorer
53 0 10

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

Replies 12 (12)

Moeed
Shopify Partner
6339 1720 2076

Hey @marycrichton123 

 

Share your Store URL and Password if enabled.

 

Best Regards,

Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


Moeed
Shopify Partner
6339 1720 2076

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

 

Best Regards,

Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


marycrichton123
Explorer
53 0 10

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

 

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

Moeed
Shopify Partner
6339 1720 2076

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

 

Best Regards,

Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


marycrichton123
Explorer
53 0 10

done password: mishmash

Moeed
Shopify Partner
6339 1720 2076

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

 

Best Regards,

Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


marycrichton123
Explorer
53 0 10

now?

Moeed
Shopify Partner
6339 1720 2076

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 </body> tag

<style>
@media screen and (min-width: 768px) {
.countdown_timer_wrapper_cm2u9n9df232681191lx3axb59f {
    background: transparent !important;
    margin-top: -400px !important;
    z-index: 9999999 !important;
    position: relative !important;
}
}
</style>

RESULT:

Moeed_0-1730205669448.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


marycrichton123
Explorer
53 0 10

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

Moeed
Shopify Partner
6339 1720 2076

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

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


marycrichton123
Explorer
53 0 10

How would I fix it for mobile?

 

Screenshot 2024-10-29 at 13.14.21.png