This template is a carousel that requires jQuery and OWL Caousel 2 from here:
http://owlcarousel.owlgraphic.com/index.html
Download OWL carousel 2 from GitHub:
https://github.com/OwlFonk/OwlCarousel2
and include it like this with TypoScript:
page {
includeJSFooter.owl2 = fileadmin/template/OwlCarousel2-develop/src/js/owl.carousel.js
includeJSFooter.owlautoplay = fileadmin/template/OwlCarousel2-develop/src/js/owl.autoplay.js
includeCSS.owl2css = fileadmin/template/OwlCarousel2-develop/src/css/owl.carousel.css
includeCSS.owl2csstheme = fileadmin/template/OwlCarousel2-develop/src/css/owl.theme.default.css
}
Start it with:
page.jsFooterInline.810 = TEXT
page.jsFooterInline.810.value = var owl = $('.owl-carousel'); owl.owlCarousel({ center: false, responsive: { 0: { items: 1 }, 480: { items: 2 }, 800: { items: 3 } } });
page.jsFooterInline.811 = TEXT
page.jsFooterInline.811.value = $('.customNextBtn').click(function(event) { event.preventDefault(); owl.trigger('next.owl.carousel'); });
page.jsFooterInline.812 = TEXT
page.jsFooterInline.812.value = $('.customPrevBtn').click(function(event) { event.preventDefault(); owl.trigger('prev.owl.carousel'); });
Note: if you want to copy this HTML-file to your fileadmin-folder, you can specifty the folder like this:
plugin.tx_camaliga.view.templateRootPath = fileadmin/template/files/
Copy this file in a subfolder named "Content" of this folder.