Help countdown


#1

Hi!
Nice to meet you… I have a problem with my LP.
I inserted a custom HTML and jasvascript, but it doesn’t work.
It seems that the CSS code has no effect.

Can anyone help me, please?

Thanks in advance.

Sonia :blush:


#2

Hey Sonia, can you please share your LP’s URL and the scripts you’ve added?


#3

Hi Zoe!
Sure, this is the countdown that I want to add to my page

and this is my test page:
https://scopri.daybreakhotels.com/test-sonia/

Thank you!


#4

Nobody can help me?

:cry::cry::cry::cry::cry:


#5

Hey @Sonji sorry I missed your reply!

So you need to grab the “COMPILED CSS” for this to work –

I tested this and you can download the page here to see the setup – https://www.dropbox.com/s/xktdcu410599u77/test_countdown.unbounce?dl=0


#6

Hi Zoe!
Thank you for you help… Now I published the page https://scopri.daybreakhotels.com/test-sonia-2/ but the countdown doesn’t work.
What do you think I need to do?

Thank you very much for your support! :blush:
Sonia


#7

I’m not sure sorry, I’m not an expert in Javascript.


#8

Hi @Sonji,

Here is your script working on Unbounce.

A couple of notes on how to fix it:

  1. You should not put scripts in the < HEADER > unless you know why. Very rarely scripts need to be loaded in that part of the page. The JS script should go in the BEFORE BODY END TAG section of the page.

  2. You need to load a newer jQuery library and another library TweenMax.

    < script src="//code.jquery.com/jquery-1.11.2.min.js">
    < script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js">

*There is an extra empty space between the first bracket “<” and the word “script”. Remove it when you copy paste these.

Copy/paste these two above your JS script.

Best,
Hristian


#9

Always delivering the goods @Hristian! :slight_smile: