Die Extension enthält ein neues Template-Layout "Swiperslider" in den PlugIns "news_pi1" und "newsliststicky" der EXT:news.
Requirements
- TYPO3 >= 13.4 || >= 14.1
- EXT:news >= 14.0
Ein "News-PlugIn" kann wie bisher angelegt werden.
Danach ist das Template-Layout "Swiperslider" auszuwählen.
Nach dem Speichern erscheint ein neuer Tab "Swiper slider" im News-PlugIn.
Hier können spezifische Einstellungen für den Slider angebracht werden (s. unten: Flexform Settings).
Composer support
composer require t3s/newsslider
… oder aus dem TYPO3 Extension Repository (TER) Erweiterung im Extension Manager herunterladen und installieren.
| Slides per view - breakpoint > 576px | Ermöglicht es, für verschiedene responsive Breakpoints eine unterschiedliche Anzahl von Folien pro Ansicht festzulegen. | settings.swiperslider.breakpoints576 |
| Slides per view - breakpoint > 768px | Ermöglicht die Festlegung einer unterschiedlichen Anzahl von Folien pro Ansicht für verschiedene Responsive-Breakpoints. | settings.swiperslider.breakpoints768 |
| Slides per view - breakpoint > 992px | Ermöglicht die Festlegung einer unterschiedlichen Anzahl von Folien pro Ansicht für verschiedene Responsive-Breakpoints. | settings.swiperslider.breakpoints992 |
| Slides per group | Legen Sie die Anzahl der Slides fest, um das gemeinsame Blättern zu definieren und zu aktivieren. Nützlich bei einer Anzahl von "slidesPerView" > 1 | settings.swiperslider.slidesPerGroup |
| Space between | Legen Sie die Anzahl der Folien fest, um das gemeinsame Blättern zu definieren und zu aktivieren. | settings.swiperslider.spaceBetween |
| Loop | Setze den Wert auf „true“, um den Endloswiedergabemodus zu aktivieren. Die Anzahl der Slides im Endloswiedergabemodus sollte mindestens doppelt so hoch sein wie der Wert von „slidesPerView“. | settings.swiperslider.loop |
| Navigation | Setze den Wert auf „true“, um die Navigation anzuzeigen. | settings.swiperslider.navigation |
| Pagination | Setze den Wert auf „true“, um die "Pagination" anzuzeigen. | settings.swiperslider.pagination |
| Autoplay | Auf „true“ setzen, um die automatische Wiedergabe zu aktivieren. | settings.swiperslider.autoplay |
| Delay between transitions (in ms) | Verzögerung zwischen den Übergängen | settings.swiperslider.delay |
| News Title Type | h2, h3, … | settings.swiperslider.newsTitleType |
| Color | Font color | settings.swiperslider.color |
| Background-Color | Background color | settings.swiperslider.backgroundColor |
| Show Teaser, Bodytext or both | Anzeige im Slider: “Teaser”, "Bodytext" oder beide. | settings.swiperslider.display |
| Use Custom Template | Pfad zu deinem Template. | settings.swiperslider.custom |
In der Extension Configuration die Seite(n) ID(s) für den Newsslider angeben (s.Screenshot).
