Display a loading icon

Anonymous

#5379

Hi Ross,
Great plugin, it makes everythings that I’m looking for, execpt for one thing.

I’d like to display a loading icon when I’m waiting for my filter to “have effect”. Right now, the content have a transparency when loading. How can I easily add a loading icon at the top of that? Is there a simple way to do so?

Thank you very much!

Marc

Ross Moderator

#5436

Hey Marc

Check – http://www.designsandcode.com/wordpress-plugins/search-filter-pro/faqs/

Here you will see two JavaScript events, which fire when the loading starts, and when the loading finishes – so you could add & remove your custom loaders here – eg:

$(".searchandfilter").on("sf:ajaxstart",function(){
    alert("show loader");
});

$(".searchandfilter").on("sf:ajaxfinish",function(){
    alert("hide loader");
});

This should be put in your themes main JS file 🙂

[Author]

Posts