ItalyStrap

Add this code in your template files: <?php do_action( 'do_breadcrumbs', array() ); ?>

If you haven't Bootstrap CSS style for breadcrumbs don't worry about it, you have 2 options, firts option you have to develope your own style for breadcrumbs, second option you can add this css code in your css style theme: .breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}.breadcrumb>.active{color:#777}

Add attribute type="carousel" at gallery shortcode, this will show Bootstrap Carousel based on the selected images and their titles and descriptions, otherwise it will show standard WordPress Gallery.

For activate Lazy Load there is new page "Option" in ItalyStrap panel, in that page there is a checkbox, check on LazyLoad and let the magic begin :-P

add_filter( 'italystrap_lazy_load_placeholder_image', 'my_custom_lazyload_placeholder_image' ); function my_custom_lazyload_placeholder_image( $image ) { return 'http://url/to/image'; }

You can use the ItalyStrap\Core\get_apply_lazyload helper function: if ( function_exists( 'ItalyStrap\Core\get_apply_lazyload' ) ) { $content = ItalyStrap\Core\get_apply_lazyload( $content ); } Or, you can add an attribute called "data-src" with the source of the image URL and set the actual image URL to a transparent 1x1 pixel. You can also use ItalyStrap\Core\apply_lazyload helper function for print content: if ( function_exists( 'ItalyStrap\Core\apply_lazyload' ) ) { ItalyStrap\Core\apply_lazyload( $content ); } Otherwise you can also use output buffering, though this isn't recommended: if ( function_exists( 'ItalyStrap\Core\get_apply_lazyload' ) ) { ob_start( 'ItalyStrap\Core\get_apply_lazyload' ); } This will lazy load all your images.

No worries. They get the original element in a noscript element. No Lazy Loading for them, though.

Lazy loading works just fine. The images will still load from your CDN. If you have any problem please open a ticket :-)

Check your HTML source or see the magic at work in Web Inspector, FireBug or similar.

Put the code below in your file js and type your Bootstrap Carousell ID in place of "#YOURCAROUSELID" var cHeight = 0;$("#YOURCAROUSELID").on("slide.bs.carousel", function(){var $nextImage = $(".active.item", this).next(".item").find("img");var src = $nextImage.data("src");if (typeof src !== "undefined" && src !== ""){$nextImage.attr("src", src);$nextImage.data("src", "");}});

I tried only with ItalyStrap Bootstrap Carousel, please send me any feedback if have any issue with other carousel, however I can't guarantee to solve the issue.

Simply activate functionality from ItalyStrap option page, add ItalyStrap vCard Local Business in your widgetozed area and then fill in the fields input For more informations read the documentation If you have any problem please open a ticket :-)