Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


...

width50%

Table of Contents

Warning

Firefox user notice:

Please use a different web browser to view this document.

Sorry for the inconvenience.

...

width35%

Image Modified

Magento 2 Countdown Timer allows conducting customer behavior based on time limitations. Using the sense of urgency as a spurring mechanism helps to push customers to purchase-making decisions.

Compatibility: Magento Open Source 2.3.X - 2.4.X, Magento Commerce 2.3.X - 2.4.X

Product Page

Thank you for choosing Aheadworks!

Installing Magento 2 Countdown Timer

...

width50%

Command Line Installation

Panel
borderWidth2px
borderStylesolid

1. Backup your web directory and store database

Panel
borderWidth2px
borderStylesolid

2. Download the Countdown Timer installation package

Panel
borderWidth2px
borderStylesolid

 3. Upload the contents of the Countdown Timer installation package to your store root directory

...

borderWidth2px
borderStylesolid

 4. In the SSH console of your server, navigate to your store root folder:

No Format
cd path_to_the_store_root_folder

run the following command:

No Format
php -f bin/magento module:enable Aheadworks_Countdown

then:

No Format
php -f bin/magento setup:upgrade

after:

No Format
php -f bin/magento setup:static-content:deploy
Panel
borderWidth2px
borderStylesolid

5. Flush the store cache; log out from the backend and log in again

Note

Make sure the installation is done from the FTP administrator account. Otherwise, set 775 permissions to the store root directory after the extension is deployed.

...

width50%

Composer installation

...

borderWidth2px
borderStylesolid

If you are installing an extension from Aheadworks for the first time, you need to add our composer repository to your Magento store:

Panel
borderWidth2px
borderStylesolid

1. Login to your ssh console and navigate to your store folder:

Panel
borderWidth2px
borderStylesolid
cd path_to_the_store_root_folder

Run the following command:

Panel
borderWidth2px
borderStylesolid
composer config repositories.aheadworks composer https://dist.aheadworks.com/

On successful execution of the command you will be able to use the composer to install the extensions.

...

borderWidth2px
borderStylesolid

To install the actual product:

2. Login to your ssh console and navigate to your store folder:

Panel
borderWidth2px
borderStylesolid
cd path_to_the_store_root_folder

...

borderWidth2px
borderStylesolid

 3. Run the following command to install the latest version of the extension:

Panel
borderWidth2px
borderStylesolid
composer require aheadworks/module-countdown

if you need to install a specific version, run this command:

Panel
borderWidth2px
borderStylesolid
composer require aheadworks/module-countdown:<version>
Tip

Specify the version of the extension in <version>

Panel
borderWidth2px
borderStylesolid

When prompted, enter Public Key (Username) and Private Key (Password):
Image Removed

Note

Both Public Key (Username) and Private Key (Password) can be found in My Projects and Licenses in your personal account on our site:

Image Removed

...

borderWidth2px
borderStylesolid

4. Enable the extension:

Panel
borderWidth2px
borderStylesolid
php -f bin/magento module:enable <Module_Name>
Tip

Add the product name in <Module_Name>

Next, register the extension:

Panel
borderWidth2px
borderStylesolid
bin/magento setup:upgrade

Recompile your Magento store if you are in the Production mode:

Panel
borderWidth2px
borderStylesolid
bin/magento setup:di:compile

To verify that the extension is enabled, run this command:

Panel
borderWidth2px
borderStylesolid
bin/magento module:status

Clean store cache, by running the following command:

Panel
borderWidth2px
borderStylesolid
bin/magento cache:clean

Log out and Log in the backend again.

...

borderWidth2px
borderStylesolid

To upgrade the extension:

5. To update or upgrade an extension:

Download the updated extension file. Take note of the module-name and version. Export the contents to your Magento root.

If a composer package exists for the extension, run one of the following.

Code Block
titleUpdate per module name:
composer update aheadworks/module-countdown
Code Block
titleUpdater per version:
composer require aheadworks/module-countdown:<version>

Run the following commands to upgrade, deploy, and clean the cache.

Panel
borderWidth2px
borderStylesolid
php bin/magento setup:upgrade --keep-generated
php bin/magento setup:static-content:deploy
php bin/magento cache:clean

Set up cron

...

width50%

If you have already configured cron jobs for your Magento installation, then you can skip this step. Read the following instructions on setting cron job for your Magento store: Magento user guide.

Generally it would be enough to run in the SSH console of your server: 

Code Block
languagebash
crontab -e

And insert the following line:  

Code Block
*/3 * * * * php -c <ini-file-path> <your Magento install dir>/bin/magento cron:run
*/3 * * * * php -c <ini-file-path> <your Magento install dir>/update/cron.php
*/3 * * * * php -c <ini-file-path> <your Magento install dir>/bin/magento setup:cron:run

...

Introducing Countdown Timer for Magento 2

Section

The Countdown extension for Magento 2 adds a countdown functionality to your store and provides:

  • Dynamic timer with days, hours, minutes, and seconds displayed;
  • One-time timer or recurring countdowns based on days, weeks, months, or years;
  • Ability to schedule promos for discounts, special events, or time-related services;
  • Product and category page linkage to a countdown;
  • URL insert to bind a timer to a specific page in a store
  • Rich design options for a countdown (including icons, texts, and a field for custom CSS)

Getting Around

...

Rule Grid

All the countdowns you make are stored in one grid that can be found on the following path: Content > Countdown by Aheadworks > Countdown Rules.
Rules can be treated individually or massively. Actions imply rules can be enabled, disabled, edited, or deleted.
Thanks to the in-line grid functionality, general settings for each rule can be changed right on the page upon a double click on the corresponding entry.

Image Removed

Countdown Settings

Creating a new countdown rule is possible upon pressing the 'Add New Rule' button. Doing so you open the new rule configuration page.

General Settings

To run a rule in the correct way there are some obligatory fields to fill in.

  1. Specify the rule name to know what the rule is about.
  2. Enable the rule or leave it disabled.
  3. Set priority (the rules with higher priority are applied first).
  4. Choose the customer groups that are able to see a countdown and interact with it.
  5. Decide the countdown placement:
    1. the 'Product Page' option stands for placement on a product page;
    2. 'Category Cage' is for countdown display on a category page;
    3. Custom placement means placement via a native Magento widget.
  6. The 'Redirect URL' field allows inserting a specific URL where customers will be redirected upon a click on a countdown.

Image Removed

Product Conditions

Product conditions are used to assign the countdown application and specify where the countdown will be displayed.

Image Removed

Display Options

To set the exact countdown you need for your promo there are several design features.

  1. Select the most suitable format for your countdown from 'Days, Hours, Minutes & Seconds', 'Days, Hours, & Minutes', 'Days & Hours', 'Days Only'.
  2. 'Display type' contains classic and text options. The classic mode presents a countdown block. 'Text' implies only text is used for time display.
  3. The inside of the countdown block can be designed in 5 ways;
    1. bold numbers;
    2. thin numbers;
    3. bold numbers with the outline;
    4. numbers with the light gray background;
    5. numbers with the light orange background.
  4. 'Custom CSS Styles' allows inserting a CSS code for rich text design.
  5. Icon upload is available for jpg, jpeg, gif, and png formats.
  6. Icon position can be chosen between right or left. 

Image Removed

Countdown Text Field

The text for a countdown is inserted in the countdown text filed. The functionality supports variables.

Image Removed

Scheduling a one-time countdown

For setting up a one-time countdown you need to specify the relevant mode and indicate the start and end dates.

Image Removed

Scheduling a recurring countdown

Setting up a recurring countdown demands to select the relevant mode and countdown type to decide how often the countdown rule will be repeated - daily, every X days, or on defined days.

For a daily countdown, you need to configure the start date and the duration time. If needed countdown can be disabled on specific days of the week.

Image Removed

The 'Defined Days' countdown is set upon a certain time period: week, month, or year.

The same as a daily countdown, the rule for defined days needs the start and end date fields to be filled.

Image Removed

The 'Every X Days' rule contains the 'Day Range' field unique for the rule only. When the particular start date is selected the rule will be applied every - let's take - 15 days beginning with the specified date in a particular time period decided in the corresponding 'From' and 'To' lines.

The 'Disable Countdown on Week Days' option is identical to the one in a daily countdown

Image Removed

Frontend View

Countdown on a product page

Image Removed

Countdown on a category page

Image Removed

Countdown widget

Countdown widget is set via native Magento functionality (Content > Widgets). You just need to choose the Aheadworks Countdown type.

Image Removed

In the frontend countdown widget looks like this:

Image Removed

...

Warning

For more information follow the product user manual on our website

Product Page

Thank you for choosing Aheadworks!

Need Customization?

Image Modified

You can always find the latest version of the software, full documentation, demos, screenshots, and reviews on http://aheadworks.com
License agreement: https://aheadworks.com/end-user-license-agreement
Contact Us: https://aheadworks.com/contact
Copyright © 2021 Aheadworks Co. http://www.aheadworks.com