[contact-form-7 id="24078" title="Feedback EN"]

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

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)