image effect while waiting page load

[zsgiancarlo]

hi everyone,

 

 sorry for my english.

 

i want ask you if you can tell me about a prestashop module while loading page i can see an effect so i understand that i must wait the page.

 

 

Thank you all.

 

 

[vekia]

unfortunately i don't know any module like that, moreover, it will be hard to develop feature like that.

you can do it with something like: http://runnable.com/UfN8nZpQJxBgAAPq/how-to-create-page-preloader-using-jquery

but it will not work as you exactly want

[krisives]

Use Javascript in your theme to add a class when the page starts loading:

$('body').addClass('page-loading');

Create CSS like this:

body.page-loading:after {
    display: block;
    content: " Loading ";
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);

}

Then in Javascript use jQuery to bind to when the page has finished loading:

$(function () {
    $('body').removeClass('page-loading');
});

That's a simple example.