PrestaShop 1.6.x. How to disable pre-loader (based on template #55281)

This tutorial describes how to disable the pre-loader (based on Prestashop template #55281).

PrestaShop 1.6.x. How to disable pre-loader (based on template #55281)

In order to disable the pre-loader, you should delete or comment out the following pieces of code:

1. In header.tpl file which can be found under themes/themeXXXX/ directory, delete or comment out the code on lines 65-75 and save the changes:

   <div id="page-preloader">		
     <div id="floatingCirclesG">
       <div class="f_circleG" id="frotateG_01"></div>
       <div class="f_circleG" id="frotateG_02"></div>
       <div class="f_circleG" id="frotateG_03"></div>
       <div class="f_circleG" id="frotateG_04"></div>
       <div class="f_circleG" id="frotateG_05"></div>
       <div class="f_circleG" id="frotateG_06"></div>
       <div class="f_circleG" id="frotateG_07"></div>
       <div class="f_circleG" id="frotateG_08"></div>
   </div>
   

2. In global.js file which can be found under themes/themeXXXX/js/ directory, delete or comment out the code on lines 441-448 and save the changes:

   $(window).on('load', function () {
       var $preloader = $('#page-preloader'),
       $spinner   = $preloader.find('.spinner');
       $spinner.css('opacity','1');
       $spinner.delay(3400).fadeOut('slow');
       $preloader.delay(3500).fadeOut('slow');
   });
   

Feel free to check the detailed video tutorial below:

PrestaShop 1.6.x. How to disable pre-loader (based on template #55281)