Slider Controls Overview
The Slider Controls are available for elements that allow different layouts, such as the Post Loop Builder and Post List elements. These controls enable customization of functionality and appearance for smooth transitions and interaction within the slider.
Settings
- Effect – Choose the transition effect between slides (e.g., fade, slide).
- Coverflow – Fine-tune the coverflow effect (only available when ‘Effect’ is set to ‘coverflow’).
- Shadow – Enable or disable the shadow for depth.
- Depth – Adjust the depth effect for coverflow slides.
- Rotate – Set the rotation angle for coverflow.
- Stretch – Control how much the coverflow slides stretch.
- Speed – Define the speed of the transition between slides.
- Infinite – Set whether slides loop infinitely.
- Center Slides – Center the visible slides in the slider view (only available when ‘Infinite’ is enabled).
- Autoplay – Automatically transition between slides.
- Autoplay Settings – Configure autoplay options (available when ‘Autoplay’ is enabled).
- Speed – Set the transition speed for autoplay.
- Stop On Interaction – Pause autoplay when a user interacts with the slider.
- Pause On Hover – Pause autoplay when the mouse hovers over the slider.
Advanced
- Swipe On Scroll – Enable slide scrolling with swipe gestures.
- Auto Height – Automatically adjust the slider height based on content.
- Between Slides – Set the space between individual slides.
- Slides Per View – Specify how many slides are visible at once (only available when ‘Effect’ is not set to ‘flip’ or ‘fade’).
- One Per View At – Set breakpoints where only one slide is visible.
Arrows
- Disable – Toggle to disable the navigation arrows.
- Color – Adjust the color of the navigation arrows (available when ‘Disable’ is not active).
- Size – Set the size of the navigation arrows (available when ‘Disable’ is not active).
- Overlay – Enable arrow overlay on the slides (available when ‘Disable’ is not active).
- Space To Slides – Set the space between arrows and the slides (available when ‘Disable’ is not active).
- Space To Edge – Define the space between arrows and the slider edge (available when ‘Disable’ is not active).
- Custom Icons – Use custom icons for navigation arrows.
- Next – Choose a custom icon for the ‘Next’ arrow.
- Previous – Choose a custom icon for the ‘Previous’ arrow.
Pagination
- Type – Choose the type of pagination (e.g., bullets, progress bar).
- Bullets – Customize bullet pagination (available when ‘Type’ is not set to ‘progressbar’ or ‘fraction’).
- Color – Set the bullet color.
- Size – Define bullet size.
- Space Between – Adjust the spacing between bullets.
- Radius – Set the bullet radius for rounded corners.
- Fraction – Configure fraction pagination settings.
- Progress Bar – Customize the progress bar (available when ‘Type’ is set to ‘progressbar’).
- Background – Set the progress bar background color.
- Progress – Select a color for progress indication.
- Height – Define the height of the progress bar.
- Position – Set the position of the progress bar.
- Overlay – Enable pagination overlay on slides (available when ‘Type’ is not set to ‘none’).
- Margin – Set the margin around pagination (available when ‘Type’ is not set to ‘none’).
