Magento. How to use “Special price countdown” extension

In this tutorial you will learn how to enable/disable and edit the Special price countdown module in Magento template(s).

Magento. How to use “Special price countdown” extension

The given module allows to display the timer of discount expiration for special products.

1. You can enable/disable the module via Magento Admin Panel, in System > Configuration > Templatemonster > Special Price Countdown section:

   

2. In order to edit the appearance of the timer, you need to edit the flipclock.css file located in the skin/frontend/default/themeXXX/css/tm/specialpricecountdown folder.

3. Look for the following rule:

   .flip-clock-wrapper ul li a div div.inn{
   		background-color: #333;
   		border-radius: 6px;
   		color: #fff;
   		font-size: 24px;
   		height: 200%;
   		left: 0;
   		position: absolute;
   		text-align: center;
   		text-shadow: 0 1px 2px #000;
   		width: 100%;
   		z-index: 1;
   		}

   1. To change the text/numbers color, specify the desired color value for color.

   2. To change the background, specify the desired color value for background-color.

   3. To change the shadow of the text/numbers, specify the desired color value for text-shadow.

Feel free to check the detailed video tutorial below:

Magento. How to use “Special price countdown” extension