Okay
  Print

Update to Finely v1.2 without losing your content

These are the official instructions for updating to the latest version of Finely (version 1.2) without having to make any changes to your content.

The latest update includes several minor changes and a couple of bug fixes.

Make sure you have a complete backup of your existing site before you attempt the following instructions, just in case something goes wrong.

1). Update to the latest file versions.

Providing you haven't made any changes to these files, you can simply copy and paste them over and choose to overwrite the old files with the latest versions. Replace the following files with the latest versions from the download file:

  • The entire font-awesome folder
  • js/countdown.js
  • js/finely.js
  • js/jquery.mb.YTPlayer.js

2). Delete deprecated code from index.html.

In index.html, you'll notice a big section of JavaScript code at the bottom of the file. All of this has been moved into the finely.js file, to make the index.html file a bit neater.

Delete this entire block of code from index.html:

<script type="text/javascript">
                                
            // No need to edit here - all settings in custom.js file
                    
            $(document).ready(function(){
                
                $('.page-loading').html('');
                
                if(videoBackground == 'on') {            
                    if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
                        $(".player").hide();
                        $.backstretch(slideshowBackgroundURLS, {
                            fade: slideshowFade,
                               duration: slideshowDuration
                        });
                        $('.backstretch img').load(function(){
                            if(preloader == 'on') {
                                   $('.page-loading').delay(1500).fadeOut(1000, function() { animateInStart(); });
                            }
                            else {
                                animateInStart();
                            }
                        });
                    }
                    else {
                        $(".player").mb_YTPlayer({
                            videoURL: videoBackgroundURL,
                            containment: 'body',
                            autoPlay: true,
                            mute: videoMuted,
                            startAt:0,
                            opacity:1
                        });
                        $('#bgndVideo').on("YTPStart",function(){
                            if(preloader == 'on') {
                                   $('.page-loading').delay(1500).fadeOut(1000, function() { animateInStart(); });
                            }
                            else {
                                animateInStart();
                            }
                        });
                        
                        if(videoMuted == false) {
                            $('.videoMuteButton').show();
                        }
                    }
                }
                else {
                    $.backstretch(slideshowBackgroundURLS, {
                        fade: slideshowFade,
                        duration: slideshowDuration
                    });
                    $('.backstretch img').load(function(){
                        if(preloader == 'on') {
                                   $('.page-loading').delay(1500).fadeOut(1000, function() { animateInStart(); });
                            }
                            else {
                                animateInStart();
                            }
                    });
                }
                
                $("#countdown").countdown({ date: countdownDate    });
                
                if ($(window).width() < 599) {
                    $('.about-container .about-box-spacer').css('height', '1px');
                }
                else {
                    var ieAboutSpacerHeight = $('.about-box-text').height() + 'px';
                    $('.about-container .about-box-spacer').css('height', ieAboutSpacerHeight);
                }
                
                if (preloaderGIF == 'on') {
                    $('.page-loading').html('<noscript><div class="noscript-error"><i class="fa fa-info-circle"></i>Enable JavaScript to see this site working properly.</div></noscript><div class="gif-preloader"></div>');
                }
                else {
                    $('.page-loading').html('<noscript><div class="noscript-error"><i class="fa fa-info-circle"></i>Enable JavaScript to see this site working properly.</div></noscript><div class="square-loader-wrap"><div class="square-loader"></div><div class="square-loader"></div><div class="square-loader"></div><div class="square-loader"></div></div>');
                }
            });
        </script>

3). Move a JavaScript embed line of code to a different position.

In order to fix a minor bug, look for this line of code:

<script type="text/javascript" src="js/finely.js"></script>

This needs to be moved to a different position in the file.

Replace this block of code (from index.html):

<script type="text/javascript" src="js/finely.js"></script>
<script type="text/javascript" src="js/countdown.js"></script>
<script type="text/javascript" src="js/emailsubscribe.js"></script>
<script type="text/javascript" src="js/contact.js"></script>
<script type="text/javascript" src="js/jquery.backstretch.min.js"></script>
<script type="text/javascript" src="js/jquery.mb.YTPlayer.js"></script>
<script type="text/javascript" src="js/placeholders.min.js"></script>

With this (notice the line of code for importing finely.js has moved to the bottom of the section:

<script type="text/javascript" src="js/countdown.js"></script>
<script type="text/javascript" src="js/emailsubscribe.js"></script>
<script type="text/javascript" src="js/contact.js"></script>
<script type="text/javascript" src="js/jquery.backstretch.min.js"></script>
<script type="text/javascript" src="js/jquery.mb.YTPlayer.js"></script>
<script type="text/javascript" src="js/placeholders.min.js"></script>
<script type="text/javascript" src="js/finely.js"></script>

4). Update custom.js.

If you're not bothered about keeping your previous settings, you could simply replace the old custom.js file with the latest version from the download file. If you want to do this, you can skip this step.

If you want to keep your current settings, look for this section of code at the bottom of the file:

// ************************************************************* //
// ==== COUNTDOWN ====
// Set up the date and time that will be counted down to
// Enter date in the format (24 hr clock): DD Month YYYY HH:MM:SS for example: 01 January 2015 23:04:00


var countdownDate = "1 May 2015 00:00:00";

Replace the above section of code with this:

// ************************************************************* //
// ==== COUNTDOWN ====


// Enable the countdown by setting this to 'on' or disable it by setting the variable to 'off'
var countdownOnOff = 'on';


// Set up the date and time that will be counted down to
// Enter date in the format (24 hr clock): DD Month YYYY HH:MM:SS for example: 01 January 2015 23:04:00
var countdownDate = '1 January 2016 00:00:00';


// If neccessary (to change language of countdown), words used in countdown are found here
// Make sure you change the plural and singular forms (e.g. days and day)
var countdownLang_Days = 'days';
var countdownLang_Day = 'day';


var countdownLang_Hours = 'hours';
var countdownLang_Hour = 'hour';


var countdownLang_Minutes = 'minutes';
var countdownLang_Minute = 'minute';


var countdownLang_Seconds = 'seconds';
var countdownLang_Second = 'second';

This adds in the extra settings required to allow you to easily disable the countdown or translate its language if necessary.
You can find detailed instructions regarding the new countdown settings in the documentation (here).

All done. You are now running the version 1.2 of Finely, with your content and settings intact.

If you are having trouble or need further support, feel free to submit a ticket.