This plugin requires at least WordPress 3.0

 

 

1. Video Tutorials

Installation - https://www.youtube.com/watch?v=x4BZv9LY3mQ
How To Add Image Or Video Background - https://www.youtube.com/watch?v=KWteviZF07o
Manage The Social Channels - https://www.youtube.com/watch?v=CB8c9ZmoNLI
How To Insert It On A Page Or Post - https://www.youtube.com/watch?v=h7ZcgS-E0h0
How To Enable Maintenance Mode - https://www.youtube.com/watch?v=VXrkg8iMtxA

 

2. Plugin Instalation

Step 1. Enter in your wordpress CMS and go to Plugins menu
Step 2. Under Plugins menu click "Add New"
Step 3. Select "Upload", choose the archive chronos_countdown.zip that you downloaded and hit "Install Now"
Step 4. After the plugin is installed click "Activate Plugin"
Step 5. In you page just add the shortcode: [chronos_countdown settings_id='1']
click here for more details regarding the shortcode

 

3. Manage CountDowns

From this section you can define the countdowns.
If you need to include multiple countdowns in your pages with different settings you can define the countdowns and manage the settings for each one.
If you need only one slider in your website, just edit the default one.

 

4. CountDowns Settings

From this section you can define the countdown settings.

Attribute Description
General settings
Launch Date

The date when the contdown ends.
The date will have this form: YEAR,MONTH,DAY,HOURS,MINUTES,SECONDS

YEAR: 4 digists year
MONTH: 1-12
DAY: 1-31
HOURS: 0-24
MINUTES: 0-60
SECONDS: 0-60

Use Server Time

Possible values:
true - the server time will be used
false - the computer time will be used

Plugin Font Family plugin font-family. You can use Google fonts: https://www.google.com/fonts
Plugin Font Family Google Link plugin font-family link. You can use Google fonts: https://www.google.com/fonts
Logo The logo
Logo Link The logo link
Logo Target

Possible values:
'_blank' - the logo link will open in a new window
'_slef'- the logo link will open in the same window

Social Bg OFF State The share icon OFF state background image
Social Bg ON State The share icon ON state background image
Line Separator Img The Header and social line separator
CallBack Function

The function which will run when the countdown ends.
Example:
function() { alert( 'Done!' ); window.open("https://www.google.com","_blank") }

Enable Maintenance Mode Possible values:
true - maintenance mode will be enabled
false - maintenance mode will be disabled
Page Body Background - Additional CSS
(available only when you set Enable Maintenance Mode - true)
The page background color. It will be used only if Enable Maintenance Mode
   
The CountDown Area Settings
Element Width The countdown element width
Element Height The countdown element width
Element Bg Color - Hexa The countdown element background color
Element Font Size The countdown element font size, used for the numbers
Element Font Color The countdown element font color, used for the numbers
Element Label Font Size The countdown element label font size, used for the label Days, Hours, Minutes and Seconds
Element Label Color The countdown element label font color, used for the label Days, Hours, Minutes and Seconds
Element Label Top Padding The countdown element label top padding, used for the label Days, Hours, Minutes and Seconds
Elements Dots Separator Color The countdown elements dots separator
CountDown Top Padding The entire countdown top padding
CountDown Bottom Padding The entire countdown bottom padding
Clock Face You can set the countdowt down the following:
DailyCounter - the countdown will show Days, Hours, Minutes, Seconds
HourlyCounter - the countdown will show Hours, Minutes, Seconds
MinuteCounter - the countdown will show Minutes, Seconds
Language The following languages are available for the elements label:
english
spanish
french
german
danish
finnish
italian
latvian
dutch
norwegian
portuguese
russian
swedish
chinese
arabic
   
H tags settings
H2 Content H2 text
H2 Size CountDown H2 size
H2 Color CountDown H2 size, in hexa
H2 Weight CountDown H2 font weight.
Possible values:
- normal
- bold
H2 Top Margin CountDown H2 margin-top
   
H3 Content H3 text
H3 Size CountDown H3 size
H3 Color CountDown H3 size, in hexa
H3 Weight CountDown H3 font weight.
Possible values:
- normal
- bold
H3 Top Margin CountDown H3 margin-top
   
H4 Content H4 text
H4 Size CountDown H4 size
H4 Color CountDown H4 size, in hexa
H4 Weight CountDown H4 font weight.
Possible values:
- normal
- bold
H4 Top Margin CountDown H4 margin-top
   
Background Settings
Page/Div Background - Image Select an optional image background for the page (in case you activate Maintenance Mode) or for the div (in case you insert it in a page or post)
YouTube Video ID Add an optional YouTube video ID as background for the page (in case you activate Maintenance Mode) or for the div (in case you insert it in a page or post)
Vimeo Video ID Add an optional Vimeo video ID as background for the page (in case you activate Maintenance Mode) or for the div (in case you insert it in a page or post)
Self-Hosted Video Select an optional MP4 video as background for the page (in case you activate Maintenance Mode) or for the div (in case you insert it in a page or post)
Video Proportion Width The video proportion is considered to be 16/9. If your video has another proportion, you can set a different value here. The height proportion will always be 9
Texture Path The path to the texture file, which will be placed over the image or video backgorund.

 

5. Social Channels

Image URL to the large image
Link For The Image You can specify a link associated to the image
Link Target

Possible values:
'_blank' - the link will open in a new window
'_slef'- the link will open in the same window

*** If all your links will behave the same, you can ignore this parameter and use Target Window For Link from Showcase Settings

Image Title / Alternative Text alternative text used to populate "alt" and "title" tags

 

6. ShortCode

The shortcode is:
[chronos_countdown settings_id='1']
where
settings_id is the slider ID defined in "Manage Showcases" section