TYPO3 extension Swiper slider

This is a TYPO3 extension of the Swiper slider

Integrates Swiper (currently v9.3.2) into TYPO3.

Does not require jQuery.

Developed for

TYPO3 v. 11.5, PHP 8.1

Contents

Two TYPO3 content elements:

• Create a slideshow with slides as inline records with image and/or caption text
• Create a slideshow with slides from existing content records

Features

• Custom play/pause buttons
• Accessibility: No autoplay if user has enabled "prefers-reduced-motion" in their operating system.

Settings

Many of Swiper options are available:

• Autoplay
• Infinite loop
• Breakpoints settings
• Option to display slides partially
• Slide speed
• Lazy load
• Random start slide
• Fade or sliding effect
• Thumbs gallery
• ...etc.

Use some of the many settings, or go with a basic slider.

Known issues

When using the content element "Create slides with records" and adding a custom order of records in the TCA field, there's a bug in TYPO3 v.11, which makes the records render by UUID in the frontend, rather than the order set by the user in the backend. See the bug described here.

Development build

Build javascript and css files from their Src/ folders. Install all dependencies in repo's root:

$ npm install

And run the following command to listen for changes in the Src/ folders:

$ npm run watch

The result is available in Dist/ folders.

Bugs and feature requests

Have a bug or a feature request? If your problem or idea is not addressed yet, please open a new issue.

License

This project is released under the terms of the MIT license.