This template is a carousel that requires jQuery and OWL Caousel 2 from here:
https://owlcarousel2.github.io/OwlCarousel2/
Download OWL carousel 2 from GitHub:
https://github.com/OwlFonk/OwlCarousel2
and include it like this with TypoScript:
page {
includeJSFooter.owl2 = fileadmin/Resources/Public/Scripts/OwlCarousel2/dist/owl.carousel.min.js
includeCSS.owl2css = fileadmin/Resources/Public/Scripts/OwlCarousel2/dist/assets/owl.carousel.min.css
includeCSS.owl2csstheme = fileadmin/Resources/Public/Scripts/OwlCarousel2/dist/assets/owl.theme.default.min.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.templateRootPaths.1 = fileadmin/template/files/
Copy this file in a subfolder named "Content" of this folder.