Having difficulty figuring out the Loader Gif

Trevor

#253881

I read the article you refer to, and the scripts are inside document ready functions, and they should not be. Instead, the examples should look like this:

<script>(function ( $ ) {
  "use strict";
    $(document).on("sf:ajaxstart", ".searchandfilter", function(){
    	$.LoadingOverlay("show", {
            imageColor : "#999"
        });
    });
    $(document).on("sf:ajaxfinish", ".searchandfilter", function(){
        $.LoadingOverlay("hide");
    });
}(jQuery));</script>

The script tags are needed if the script is inline in the page. If you call an external file, then they are not needed.

You would need the loadingoverlay script enqueued of course. Less complex methods could be used. But, this is somewhat outside the scope of our normal support. The concept is sound, and you may need to hire a third party coder to get it working for you.

[Author]

Posts