Skip to main content

Gallery/Slider Module

Divi 4 module

Point the module at either a numbered image group (ACF Free pattern) or a true Gallery field (ACF Pro), then choose Slider or grid under Gallery Layout.

Overview

Gallery and slider module overview

Use this module on single templates or inside repeater-driven loop layouts when each row owns its own gallery field.


Content: ACF source

Gallery ACF source settings

Gallery Layout

Slider enables the motion controls in Slider Options. grid switches the markup to a responsive masonry-style grid with column counts you set under grid options.

ACF Gallery Type

Group field with image fields inside expects repeated image subfields named with a shared prefix and _1, _2, suffixes. Gallery field (ACF pro only) reads a native gallery field instead.

ACF Group Name

Select the parent group when you chose the group-based gallery type.

ACF Group Image Name

Enter the shared base name (without _1 / _2). The module scans for every numbered sibling automatically.

ACF Gallery Name

Shown for gallery-field mode. Pick the gallery field whose attachments should render.

Is this inside a repeater loop layout?

Turn on when this module sits inside a Repeater loop layout so the gallery resolves against the current repeater row context.

Include Featured Image in Gallery?

When enabled, the featured image is treated as slide position one before additional gallery images.

Enable Lightbox?

Opens Divi’s lightbox when a visitor clicks an image.

Image Count

Hard cap on how many images render when you need to trim very large galleries.

Show Title and Caption

Surfaces attachment title and caption text under each image when WordPress stores them.


Slider options

Gallery slider motion settings

These appear when Gallery Layout is Slider.

Slider Style

Single Slider shows one large slide at a time. Horizontal Slider pairs a thumbnail rail with the main stage (also unlocks Slider Top Space for fine tuning).

Infinite scrolling?

Loops the track so advancing past the last slide returns to the first.

Enable arrows?

Shows previous/next controls. Additional icon controls appear under Design when arrows are on.

Enable dots?

Adds dot navigation and exposes dot color fields.

Animation speed

Milliseconds for the transition between slides.

Center Mode

Keeps the active slide centered in the viewport when supported by the layout.

Variable width

Preserves each image’s intrinsic width. The module reminds you to disable conflicting height modes when this is on.

Adaptive height

Lets slide height follow the tallest image in view. Pair carefully with Variable width and Same Height Slides settings.

Autoplay?

Automatically advances slides. When on, tune Autoplay speed in the same group.


Design highlights

Gallery design settings

Image Title

Typography group for overlay or stacked titles when titles are visible.

Image Caption

Styles the caption copy beneath or over the image.

Image Box Shadow

Adds depth around each gallery cell.

Load More Button

Appears for grid layouts that paginate additional images; style the button text, colors, and spacing here.


What is next