Multiple images with text

Multiple images with text presents a short sequence of related stories. Use it when two to four items belong together but each needs its own media, copy, and action.

Current mobile example: inspect the visible item, its copy, and the surrounding item context together. Collage, Grid, motion, and alternate alignment states still need direct comparison.

[!NOTE] The controls, defaults, four-item limit, and autoplay condition below match the current schema. The supplied image is one mobile fixture only; capture accepted desktop/mobile fixtures for each layout and motion state before describing their visual transitions as final.

Add Multiple images with text

In Shopify's theme editor, add Multiple images with text to a compatible template or open an existing section. It is not available in header, footer, or overlay groups.

Layout

Setting	What it controls	Options or default
Full width	Removes the normal page-width constraint from the section container.	Disabled by default.
Images layout	Chooses how the item media is composed.	Collage, Grid, Page turn, or Special slide. Default: Collage.
Layout	Aligns the collage content where that layout uses the alignment choice.	Left aligned or Centered. Default: Left aligned.
Content width	Limits the width of each item's copy.	Small, Medium, or Large. Default: Medium.

The Theme Editor label Layout refers to the left/center alignment control; Images layout is the separate collage, grid, or slideshow choice. Page turn and Special slide are the moving layouts. Use Collage or Grid when the composition should not depend on a transition.

Motion and controls

Setting	What it controls	Options or default
Autoplay items	Enables automatic changes between items when the section has more than one item.	Disabled by default.
Change items every	Sets the autoplay interval. It is shown only when Autoplay items is enabled.	Range 3–12 seconds, step 1 second. Default: 5 seconds.

When more than one item exists, the section provides previous and next controls. When autoplay is enabled, it also provides a pause/play control; the control is not rendered when autoplay is off. Test the controls before publishing rather than relying on the first item.

Reduced-motion settings disable the moving treatment and autoplay control where applicable. Keep each item complete when read statically.

Colors

Setting	What it controls	Default
Background color	The shared section surface.	The global soft color.
Text color	The shared item text color.	The global brand color.

Check image contrast and button contrast against the selected surface; these colors do not replace the media in an item.

Spacing

Setting	What it controls	Options or default
Section spacing	Chooses the section's spacing scale.	None, Small, Medium, or Large. Default: Medium.
Top spacing	Adds or removes the section's top spacing.	Enabled by default.
Bottom spacing	Adds or removes the section's bottom spacing.	Enabled by default.

Item blocks

Add up to 4 Item blocks. Their Theme Editor order is the item order used by the composition and controls. The preset starts with two items, but it is only a starting point.

Media

Setting	What it controls	Default or condition
Image	Main image for the item.	No default.
Mobile image	Optional mobile-specific image.	Uses Image when blank.

Content

Setting	What it controls	Default
Eyebrow	Short context above the item heading.	Our story.
Heading	Main item message.	Tell a story in chapters.
Text	Rich text for the item.	Use each slide to introduce a product, value, process, or part of your story.
Button label	Visible action text.	No default.
Button link	Destination for the action.	No default.
Button style	Visual treatment for the action.	Primary, Secondary, or Text link. Default: Primary.

The item button appears only when both Button label and Button link are present. Keep the media, heading, text, and action about the same story so changing items does not change the visitor's context unexpectedly.

Desktop and mobile behavior

The section switches media and content together as an item. The provided mobile fixture shows one current item, not all possible layouts. Preview every item on desktop and mobile, including the item that has the longest heading or text. Do not infer exact breakpoints or visible item counts from the schema.

Accessibility and motion

• Give each image meaningful alt text, or make the image decorative when the adjacent copy carries the same information.
• Test previous/next and autoplay pause/play controls with keyboard focus and touch.
• Do not make a legal or product limitation available only while a slide is moving.
• Keep item headings and links unique enough to identify their destination.
• Verify the static result with reduced motion enabled.

Common issues

Symptom	Safe check
The interval setting is missing	Enable Autoplay items; Change items every is conditional on that switch.
Only one story appears	Confirm multiple Item blocks exist and that each has content.
A mobile image is not different	Upload Mobile image for that item; blank reuses its Image.
The item action is missing	Set both Button label and Button link.
Motion is not running	Check the selected Images layout, the item count, autoplay setting, and reduced-motion preference.

Related guides

• Image with text
• Flexible media grid
• Theme animation settings

Evidence boundary

The supplied image documents one mobile composition only. Fresh approved evidence is still required for Collage, Grid, Page turn, Special slide, autoplay, manual pause, keyboard focus, reduced motion, and desktop layout comparisons.