Add a countdown widget to a page

Installs: 93

Dependents: 0

Suggesters: 0

Security: 0

Stars: 0

Watchers: 1

Forks: 2

Open Issues: 0


v1.0.0 2016-01-11 20:56 UTC

This package is not auto-updated.

Last update: 2021-03-01 10:24:26 UTC


Maintainer Contact


  • SilverStripe 3.1


Adds a countdown widget to a SilverStripe page widget


composer require "textagroup/countdown"


To setup a countdown timer the first thing to do is to apply the CoundownWidgetExtension to the page object.

This can be setup in the config yml file as per the example below which will add it to all pages

    - CountdownWidgetExtension 

or alternatively you can apply the extension through some PHP code


This will add a countdown tab to the page in the CMS where you can set the Countdown date and the format of the countdown.

Then you need to setup where you want the countdown to appear by adding the the variable $Countdown to the relevant SilverStripe template.

<div class="main" role="main">                                                  
        <div class="inner typography line">                                     

This will add a div or span to your page with a Countdown timer you can then style the div or span with CSS via the relavant class which defaults to CountdownClock but can be amended via the CMS you can also amend the deafult element ID which defaults to clock

See the following page for examples and information of the jQuery module used


This module adds a countdown timer to a SilverStripe page and a date field to the cms section for the page which is used to set the countdown date


  • Testing
  • Maybe more countdown clock styles
  • Internationalisation