Skip to main content
Documentation/Elements & Controls Reference/Layout and Shared Controls/Shared Controls/Shared Slider Controls

Shared Slider Controls

Select a slider, or choose Slider layout, then open its settings. Available controls vary by element.

Movement

  • Effect — Slide, Fade, Coverflow, Flip. Coverflow exposes Shadow / Depth / Rotate / Stretch.
  • Speed — Transition duration.
  • Infinite — Enabled (frontend only) or Disabled. Infinite may duplicate markup without nested JavaScript state; disable if interactive content fails.
  • Center Slides — Center active slides; exposed with infinite mode.
Coverflow options opened from the slider Settings
Coverflow options opened from the slider Settings

Autoplay

Choose Autoplay > Enabled (frontend only) and open Autoplay Settings:

  • Speed — Interval between changes, separate from transition duration.
  • Stop On Interaction — Stop after interaction.
  • Pause On Hover — Pause under the pointer.
Autoplay Settings with Speed, Stop On Interaction, and Pause On Hover
Autoplay Settings with Speed, Stop On Interaction, and Pause On Hover

Advanced

  • Swipe On Scroll — Scroll input moves slides.
  • Auto Height — Follow content height, potentially moving surrounding content.
  • Between Slides — Gap.
  • Slides Per View — Visible count; hidden for single-slide effects such as Fade/Flip.
  • Initial Slide — Starting slide.
  • Slides Per Group — Number advanced together.
  • Slide To Clicked — Move to a clicked slide.
  • Disable Keyboard Control — Disable keyboard navigation.
  • Play Animations On — Transition Start or Transition End.
  • One Per View At — Breakpoint for one visible slide.
  • Sync With Another Slider — Enable, select Slider To Sync, and choose Sync Mode > Thumbnails or Controller.
Advanced slider controls with scroll, sizing, and slide behavior options
Advanced slider controls with scroll, sizing, and slide behavior options

Arrows

  • Disable — Hide built-in arrows and their style controls.
  • Color / Size — Arrow appearance.
  • Overlay — Place over slides.
  • Space To Slides / Space To Edge — Content/edge separation.
  • Custom Icons > Next / Previous — Replace arrow icons.

External buttons can use a Control Slider link action.

Arrows controls showing Overlay, edge spacing, and Custom Icons
Arrows controls showing Overlay, edge spacing, and Custom Icons

Pagination

Choose Type:

  • None — Hide pagination.
  • Bullets — Color / Size / Space Between / Radius.
  • Fraction — Number typography.
  • Progress Bar — Background / Progress colors, Height / Position.

Overlay places pagination over slides; Margin sets spacing. This navigates slides, not query-result pages.

Pagination Type and Progress Bar controls with background and progress colors
Pagination Type and Progress Bar controls with background and progress colors