Slideshow

Usage

Slideshow is a freeform carousel: each slide is a container you fill with any WordPress blocks — columns, lists, paragraphs, images, or other Dirigible blocks. Unlike Lookbook, which uses fixed magazine slide layouts, Slideshow gives you a blank slide canvas.

On desktop, slides advance through a Flickity carousel with bottom navigation and adaptive height — the carousel grows or shrinks as each slide's content changes. On mobile, slides stack vertically in document order.

Add slides by selecting the Slideshow parent and using the inserter inside the block. Each slide is a Slide child block; select a Slide to add inner blocks or edit slide-level styling.

Parent settings

Select the Slideshow parent for carousel-wide options:

• Wraparound — when enabled (default), the carousel loops from the last slide back to the first.
• Autoplay — off by default. When enabled, slides advance automatically.
• Autoplay Interval — seconds between transitions (0.1–10, default 3). Appears only when Autoplay is on. Autoplay does not pause on hover for this block.

When Autoplay is off, visitors use the bottom navigation dots to change slides.

Slide settings (child)

Each Slide block (acf/ds-slideshow-slide) wraps one carousel panel. Select an individual Slide for these sidebar controls:

• Horizontal Padding — inner spacing left/right (0–20, default 8). Values map to rem at 0.25 per step (default 2rem). Applied at 600px and up.
• Vertical Padding — inner spacing top/bottom (0–20, default 6 → 1.5rem). Same breakpoint behavior.
• Corners — Rounded (default) or Sharp on the slide panel.
• Reverse Print — light text for dark slide backgrounds.
• Background — slide panel color from the theme overlay palette (default Gray). Includes a None option.

Inside each Slide, use the block inserter to add any blocks. Inner block width constraints are reset so content can use the full slide area (reset-block-widths, shrink-block-margins).

Editor vs front end

In the editor preview, slides render inline with a centered block appender for adding new slides. On the front end, desktop visitors see one slide at a time in the carousel; mobile visitors see all slides stacked.

Use the breadcrumb trail at the bottom of the editor when switching between the Slideshow parent, a Slide child, and inner content blocks.

Block width

Slideshow supports Wide, Full, and Center alignment and defaults to Wide.

Tips

• Use Adaptive height to your advantage — slides with short copy stay compact; tall slides expand the carousel automatically.
• Set Background and Reverse Print on each Slide rather than styling individual headings, so palette changes stay easy.
• For preset photo-forward magazine layouts, use Lookbook or Storyboard Slider instead.
• For image-only cycling strips, consider Photo Block Slider or Logo Carousel.