Product Slider

../../_images/product_slider.jpeg

Products in a Slider Carousel

Element Information
Category Catalog
Element Code product_slider
Template Leonex_SiteBuilder::element/slider.phtml
Custom Php View Model Leonex\SiteBuilder\ViewModel\Element\Slider

Configuration

Configuration Field List
Name Type Default Value Description
Products
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

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 |