ورود

ثبت نام




Hot Counters

Hot Counters module is developed specially for the needs of Startup business template. However, you can use it in combination with any other template as we released it as a standalone module for Joomla. You probably noticed that many modern websites (especially on portfolio and corporate websites) contains a block with several numbers. These numbers give some facts about the company to the visitors. These numbers usually represent number of projects accomplished, number of clients, partners, store locations, etc.

Using this module, you can add such a block on your website easily. All you need to do is to enter numbers and what the numbers represent in form of text and/or image in the module parameters.

This module is powered by jQuery, so it doesn't just show the numbers statically. The module will count up each of the numbers to the final value. It's possible to tweak the speed of the animation for each number. Furthermore, it will not start counting until user sees the block with Hot Counters module. It's useful if you are using this module on the bottom of the page. This ensures that animation will start at the time when visitor sees the counters, and not immediately after page loading is done.

There are two types of counters that you can use:

  • Numeric Counter: Plain number that starts counting from 0 to the given number (any integer number).
  • Circle Counter: A graphic with stroke line that fills up the perimeter of the trail line. It's suitable for percent values and can be from 0 to 100.

The layout of this module is responsive. You can add up to 10 counters in each module instance. Hot Counters will calculate the width of each block in percents and create horizontal layout that fits any screen width. It's also possible to switch to the vertical layout. In this case, the fields with numbers will be positioned vertically using 100% width of the container. For users who are accessing your site using the mobile devices, layout will be set vertically by default (using media queries). You can set the breakpoint screen width in the module options.

hot-counters-12 hot-counters-23
فقط کاربران عضو سایت پس از ورود به سایت قادر به دانلود این فایل می باشند.

نوشتن دیدگاه

ارسال