Preside Extension for a Swiper based Slider

This extension allows you to place a slider element as a widget. We use the awesome Swiper library.

Swiper version: 12.1.2

Features

support for all swiper effects: slide, fade, cube, coverflow, flip, creative, cards
configurable animation speed
support for horizontal and vertical sliders
support for looping and rewind (loop alternative without jump)
support for multiple slides per view with configurable space between slides
center active slide option
grab cursor on hover
support for autoplay and autoplay delay
optional navigation arrows (show/hide, custom color)
optional progress bar (show/hide, custom color)
vertical slider: configurable bullet size
image fit option per widget: crop to fill or proportional
support for separate mobile image folder
support for title/description above the slider widget
grab cursor support

Option	Description
Swiper Title	Title displayed above the slider
Swiper Description	Description text displayed above the slider
Image folder	Asset folder with slider images
Mobile image folder	Optional separate asset folder for mobile images
Show title	Toggle title visibility
Show description	Toggle description visibility
Transition effect	slide, fade, cube, coverflow, flip, creative, cards
Effect speed	Transition duration in ms
Endless scrolling	Enable loop mode
Direction	horizontal or vertical
Slides per view	1, 2, 3, 4 or auto
Space between slides	0, 10, 20, 30, 40, 50 px
Center active slide	Centers the active slide in the viewport
Grab cursor	Shows grab cursor on hover
Rewind	Rewind to start without loop jump
Autoplay	Enable automatic slide advancement
Autoplay delay	Interval between slides in ms
Bullet size	Size of pagination bullets (vertical only)
Image fit	Crop to fill or proportional (no crop)
Show navigation arrows	Toggle prev/next buttons
Navigation color	Color of navigation arrows
Show progress bar	Toggle progress bar (horizontal only)
Progress bar color	Color of the progress bar

Derivative	Dimensions	Mode
swiperFullCrop	1280 × 480 px	crop to fill, maintains aspect ratio
swiperFullFit	1280 × 480 px	fits proportionally, maintains aspect ratio
swiperMobile	360 px width	proportional
swiperThumb	300 × 225 px	crop to fill

updated Swiper library to version 12.1.2
fixed image distortion: replaced swiperFull derivative with swiperFullCrop and swiperFullFit
added image fit option (crop to fill / proportional) per widget instance
navigation color and progress bar color are now independently configurable
added show/hide toggle for navigation arrows
added show/hide toggle for progress bar
added slides per view option (1, 2, 3, 4, auto)
added space between slides option
added center active slide option
added grab cursor option
added rewind option
removed autoheight option (replaced by server-side image derivatives)
updated navigation CSS to use Swiper CSS custom properties (--swiper-navigation-color, --swiper-pagination-color)
default color for navigation and progress bar changed to #fff