If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Featured templates

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)

 
Start chat