wapplersystems / ws-slider
universal slider extension for tinyslider, swiper, flexslider, ...
Package info
github.com/WapplerSystems/ws_slider
Language:JavaScript
Type:typo3-cms-extension
pkg:composer/wapplersystems/ws-slider
Requires
- typo3/cms-core: ^14
- dev-release/v14
- 14.3.0
- 13.3.10
- 13.3.9
- 13.3.8
- 13.3.7
- 13.3.6
- 13.3.5
- 13.3.4
- 13.3.3
- 13.3.2
- 13.3.1
- 13.3.0
- 13.2.2
- 13.2.1
- 13.2.0
- 13.1.2
- 13.1.1
- 13.1.0
- 12.1.4
- 12.1.3
- 12.1.2
- 12.1.1
- 12.1.0
- 12.0.3
- 12.0.2
- 12.0.1
- 12.0.0
- 0.9.13
- 0.9.12
- 0.9.11
- 0.9.10
- 0.9.9
- 0.9.8
- 0.9.7
- 0.9.6
- v0.9.5
- v0.9.4
- v0.9.3
- v0.9.2
- v0.9.1
- v0.9.0
- dev-tests/visual-baselines-25582582316
- dev-deps/swiper-12.1.4
- dev-release/v13
- dev-release/v13_grid
- dev-release/v13_l10n
- dev-feature/nullable
- dev-feature/swiper
- dev-release/v12
- dev-release/v12_l10n
- dev-release/v10-11_l10n
- dev-release/v10-11
- dev-master_l10n
- dev-documentation
This package is auto-updated.
Last update: 2026-05-10 10:15:34 UTC
README
Universal slider / carousel extension
A TYPO3 content element that provides a configurable slider/carousel with support for multiple rendering engines. Each renderer has its own FlexForm settings and TypoScript constants, allowing global defaults that editors can override per element.
Supported renderers
| Renderer | Library | Site Set name |
|---|---|---|
| Swiper | Swiper.js | wapplersystems/ws-slider-swiper |
| FlexSlider 2 | FlexSlider | wapplersystems/ws-slider-flexslider |
| TinySlider 2 | Tiny Slider | wapplersystems/ws-slider-tinyslider |
| Slick | Slick | wapplersystems/ws-slider-slick |
| Bootstrap | Bootstrap 5 | wapplersystems/ws-slider-bootstrap |
Requirements
- TYPO3 v14
- PHP 8.2+
fluid_styled_content
Installation
composer require wapplersystems/ws-slider
Configuration
1. Include the Site Set
Add the base Site Set wapplersystems/ws-slider and the Site Set for the renderer(s) you want to use (e.g. wapplersystems/ws-slider-swiper) in your site configuration.
2. TypoScript constants
Each renderer ships global TypoScript constants (e.g. plugin.tx_wsslider.settings.renderer.swiper.*). These serve as default values for all slider elements using that renderer.
3. Per-element settings
Editors can override any constant via the FlexForm settings of the content element. A checkbox controls whether the global default or a custom value is used. The current default value is always visible as a placeholder.
4. Presets
Presets allow storing a named set of slider settings in the database (tx_wsslider_domain_model_preset). Editors can select a preset instead of configuring each option individually.
Templating
Override the Fluid templates located in Resources/Private/Templates/ via TypoScript templateRootPaths as usual.
Video tutorial
A German video tutorial on installation and configuration: YouTube
Authors
- Sven Wappler
- Contributors
