How to add bxslider to Sage

Here it is: not finding ajax-loader.gif

And what @ben recommends is to 1. move or copy the images into assets/images and 2. either change the CSS in the bower_component or override the css within the theme CSS.

So in this case I copied the offending entries from bower_components/bxslider-4/src/css/jquery.bxslider.css and added them to assets/styles/layouts/_header.css, as this is being used in the themes header (if (is_front_page())).

/* Override image locations to match Sage structure*/
.bx-wrapper .bx-loading {
    background: url('../images/bx_loader.gif') center center no-repeat #ffffff;
}

.bx-wrapper .bx-prev {
    background: url('../images/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
    background: url('../images/controls.png') no-repeat -43px -32px;
}

Nice, Sage.