Slider¶
A simple Slider, powered by slick.js
| Category | Marketing |
|---|---|
| Element Code | slider |
| Template | Leonex_SiteBuilder::element/slider.phtml |
| Custom Php View Model | Leonex\SiteBuilder\ViewModel\Element\Slider |
Configuration¶
| Name | Type | Default Value | Description |
|---|---|---|---|
Slides
slides |
Container Field | No Default Value | |
Responsive Settings
responsive |
Container Field | No Default Value | |
Control Color Scheme
controlColorScheme |
Select Field | lnx-element-slider-controls-dark | |
Autoplay
autoplay |
Boolean Field | No Default Value | Enables Autoplay
|
Autoplay Speed
autoplaySpeed |
Text Field | 3000 | Measured in Milliseconds | |
Show Prev/Next Arrows
arrows |
Boolean Field | 1 | |
Center Mode
centerMode |
Boolean Field | No Default Value | Enables centered view with partial prev/next slides. Use with odd numbered slidesToShow counts.
|
Center Mode Padding
centerPadding |
Text Field | No Default Value | Only px or % Values are allowed, e.g. 50px or 10% | Side padding when in center mode (px or %) |
CSS3 Animation Easing
cssEase |
Select Field | No Default Value | See <a href=”https://easings.net/en”>https://easings.net/en</a> for Demos | |
Animation Speed
speed |
Text Field | 300 | Measured in Milliseconds | |
Show dot indicators
dots |
Boolean Field | No Default Value | |
Enable mouse dragging
draggable |
Boolean Field | 1 | |
Enable fade
fade |
Boolean Field | No Default Value | |
Enable focus on selected element (click)
focusOnSelect |
Boolean Field | No Default Value | |
Infinite loop sliding
infinite |
Boolean Field | 1 | |
Slide to start on
initialSlide |
Text Field | No Default Value | Counting begins at zero | |
Pause Autoplay On Focus
pauseOnFocus |
Boolean Field | 1 | |
Pause Autoplay On Hover
pauseOnHover |
Boolean Field | 1 | |
Pause Autoplay when a dot is hovered
pauseOnDotsHover |
Boolean Field | No Default Value | |
Number of slides to show
slidesToShow |
Text Field | 1 | |
Number of Slides to Scroll
slidesToScroll |
Text Field | 1 | |
Enable swiping
swipe |
Boolean Field | 1 | |
Swipe to Slide
swipeToSlide |
Boolean Field | No Default Value | Allow users to drag or swipe directly to a slide irrespective of slidesToScroll
|
Enable slide motion with touch
touchMove |
Boolean Field | 1 | |
Variable Width Slides
variableWidth |
Boolean Field | No Default Value | Do not you use the Variable Width Slides Option in combination with the Vertical Slide option | |
Vertical Slides
vertical |
Boolean Field | No Default Value | Do not you use the Vertical Slide Option in combination with the Variable Width Slides option | |