Thu. Jul 4th, 2024

7.Magento. How to use “Special price countdown” extension

1 min read

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:

    magento_specialcountdown

  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:
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    .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.
July 2024
M T W T F S S
« Jun    
1234567
891011121314
15161718192021
22232425262728
293031