Categories

Landing Page. How to change the achievement counter numbers (based on template 55542)

Vicki Hayes March 11, 2016
Rating: 5.0/5. From 2 votes.
Please wait...
Landing Page. How to change the achievement counter numbers (based on the template 55542)

This tutorial will show you how to change the achievement counter numbers (based on the template 55542):

Landing_Page_How_to_change_the_achievement_counter's_numbers_(based_on_the_template_55542)__img1

Perform the following steps:

  1. Use your FTP to locate script.js file in js folder on your server.

  2. Download and open file with any text editor.

  3. Locate the following code starting from line 190:

    //AnimateNumber
    ;
    (function ($) {
        var o = $('#counter1');
        if (o.length > 0) {
            include('js/jquery.animateNumber.min.js');
            $(document).ready(function () {
                $('#counter1')
                  .prop('number', 0)
                  .animateNumber(
                    {
                      number: 25
                    },
                    1000
                );
            });
        }
    })(jQuery); 
    
    ;
    (function ($) {
        var o = $('#counter2');
        if (o.length > 0) {
            include('js/jquery.animateNumber.min.js');
            $(document).ready(function () {
                $('#counter2')
                  .prop('number', 0)
                  .animateNumber(
                    {
                      number: 54
                    },
                    1000
                );
            });
        }
    })(jQuery); 
    
    (function ($) {
        var o = $('#counter3');
        if (o.length > 0) {
            include('js/jquery.animateNumber.min.js');
            $(document).ready(function () {
                $('#counter3')
                  .prop('number', 0)
                  .animateNumber(
                    {
                      number: 18
                    },
                    1000
                );
            });
        }
    
  4. Edit number value in the code.

  5. Save and re-upload the file to your server. Select replace option.

  6. Refresh and check your site.

Feel free to check the detailed video tutorial below:

Landing Page. How to change the achievement counter numbers (based on the template 55542)
Best Landing page designs
This entry was posted in Landing Page Tutorials and tagged achievement, counter, HTML, Landing Page, number. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket