koninklijke-collective/koning-bootstrap-carousel

TYPO3 Extension: Carousel with Bootstrap 3.* compliant HTML

koning_bootstrap_carousel

This extension offers a carousel content element that renders Bootstrap 3.* compliant HTML., _(*1)

It uses a background image rather than an img tag, so background-size and background-position can be managed (per slide)., _(*2)

Setup

• Install the extension
• Add the Koning Bootstrap Carousel static template
• Add the plugin Bootstrap Carousel to your page

Default styles

The default height is 600px. Override this by adding the following CSS:, _(*3)

.koning-bootstrap-carousel .item {
    height: 1000px;
}

Override template

Add the following to your TypoScript setup:, _(*4)

plugin.tx_koningbootstrapcarousel {
    view {
        templateRootPaths {
            20 = EXT:my_ext/Resources/Private/Templates
        }
        partialRootPaths {
            20 = EXT:my_ext/Resources/Private/Partials
        }
        layoutRootPaths {
            20 = EXT:my_ext/Resources/Private/Layouts
        }
    }
}