Back to top

YITH Topbar Countdown Documentation

Thank you so much for using our plugin.

YITH Topbar Countdown - Wordpress plugin

This document covers the installation and use of this plugin and reveals answers to common problems and issues - I encourage you to read this document if you are experiencing any difficulties.

Get started!


 

Getting started

To install this plugin you must have a working version of WordPress already installed. For informations about how to install the WordPress platform, please see the WordPress Codex - http://codex.wordpress.org/Installing_WordPress

Installation

Upload via ftp:

First, unzip the zip archive you downloaded on your computer. Upload the folder to your server via ftp to the   /plugins/ directory on your Wordpress installation. (wp-content > plugins)

Upload via Wordpress admin:

Go to your Wordpress admin, and in the Plugins-panel, choose Add New. Click Upload in the below the title "Install Plugins". Upload the plugin zip.

Installing WordPress  http://codex.wordpress.org/Installing_WordPress

Activation

Once you have uploaded the plugin, activate your plugin in Plugins > Installed plugins.

Go in Appearance > Topbar Countdown and be sure that:

  • Countdown to have date set properly;
  • Enable Topbar Countdown is ticked.

Settings

In Appearance > Topbar Countdown page you will find the settings of the plugin. Also the options are splitted in more tabs, to find them easily.

General

General Settings
Enable Topbar Countdown Enable the plugin
Logo If you want, you can set here an image to be shown on the left side of the topbar banner.
Slogan Text The slogan displayed to be shown on the left side of the topbar banner. You can also use HTML code.
Message The message displayed to be shown on the right side of the topbar banner (near the button). You can also use HTML code.
Link If you would like to wrap button into a link, you'll have to write it here. (example: http://yithemes.com)
Button Text Text to be shown in the button.
Countdown to The date when the countdown will stop.

Background

Background Settings
Background image Upload or choose from your media library the background image
Background Color Choose a background color
Background Repeat Select the repeat mode for the background image.
Background Position Select the position for the background image.
Background Attachment Select the attachment for the background image.
Button Background Color Choose a background color for the button
Button Hover Background Color Choose a background color for the button in hover state

Typography

Slogan font of message Choose the font type, size and color for the slogan.
Bold Slogan font of message Choose the font type, size and color for the bold part of slogan.
Numbers font Choose the font type, size and color for the days, hours, minutes and seconds numbers.
Message font Choose the font type, size and color for the message on the right side of the topbar banner.
Button font Choose the font type, size and color for the button.

Codex

The plugin allows you to use your own custom templates and stylesheets.

Custom Stylesheet

In order to customize the style of the plugin you can easily create a file called tcountdown.css within the theme folder. The file will be automatically loaded from your theme instead of the plugin folder.

In this way the style.css file contained within the plugin ( /assets/css/) will be replaced with your stylesheet. Keep in mind to copy and paste the code contained within this file if you need that.

Custom Templates

If you need to include our plugin within your theme you can also customize the templates. Copy the file tcountdown.php from the folder "templates" of plugin folder and paste it inside the theme folder and automatically the plugin will load the templates from your theme instead of the plugin folder.

FAQ

Can I customize the topbar countdown banner ?

Yes, the page is a simple template and you can override it by putting the file template "tcountdown.php" inside the theme folder. You can also customize the style by adding your custom CSS in the specific option of the settings.

Can I deactivate the 'button' on the right of the topbar ?

Yes simply leave the "Link" field label empty to achieve this.

Have I to deactivate the plugin to hide topbar countdown banner ?

No, you can deactivate the topbar countdown even if the plugin is active.

Localization

This plugin is ready for localization via .po/.mo files.

If you are not familiar with translating Wordpress plugins, it would be better to read this article: http://codex.wordpress.org/Translating_WordPress

Change the language of YITH Footer Banner Languages for dummies

  1. Check the values of your wp-config, the language of this file must match your translation;
  2. Find the folder languages of the plugin
  3. Duplicate default.po
  4. Rename your copy of default.po example: yit-fr_FR.po for France, yit-en_EN.po for English, yit-he_HE.po for hebraic, and so on.
  5. Download POEdit
  6. Open your file with the POEdit software
  7. Update the catalog using the POT file (Catalog -> Update from POT file...)
  8. Translate your file (edit catalog properties using POEdit to add your credits)
  9. In File click on Preferences and tick Automatically generate mo
  10. Save your file
  11. Send the new .mo and .po via FTP to your server, in the folder languages of the plugin
  12. Send the new .mo and .po via email to plugins@yithemes.com so we can improve the quality of the plugin and you can help other users. We will thank you with official credits

Version 1.0.0

  1. Initial release.