Scattered images

Theme editor → Scattered images. A freeform layout of images positioned anywhere within the section, with a content block placed on top — good for collage-style hero layouts. Not available in the header, cart/search drawers, or popups.

Layout

• Height — the section’s overall height. Small (20rem), Medium (30rem), Large (40rem), or X-large (50rem). Default Small (20rem).

Section settings

• Color scheme — default Scheme 1.
• Include header offset — offsets the section by the header’s height in addition to the padding top. Default off.

Blocks

Image

One freely-positioned image. Add as many as you like.

• Image — the image to show.
• Aspect ratio — 16:9, 4:3, 1:1, 4:5, 3:4, 2:3, 9:16, or Auto (the image’s own proportions). Default 1:1.
• Width — range 4–30rem, default 12rem. Applies at every screen size unless a mobile width is set.
• Use a different width on mobile — sets a separate width below the large breakpoint. Default off.
• Hide on mobile - choose to hide the image specifically for mobile.
  • Width (mobile) (only when on) — range 4–30rem, default 8rem.
• Horizontal position — horizontal position as a percentage of the section, 0–100%, default 50%.
• Vertical position — vertical position as a percentage of the section, 0–100%, default 50%.
• Enable parallax — adds a subtle parallax movement as the visitor scrolls. Desktop only — parallax doesn’t run on mobile. Default off.
  • Vertical parallax (only when parallax is on) — vertical parallax amount, range -50–50%, default 0%.
  • Horizontal parallax (only when parallax is on) — horizontal parallax amount, range -50–50%, default 0%.

Content

The text content placed over the scattered images.

• Content alignment — Left or Center. Default Center.
• Button position (only when alignment is Left) — Right of content or Below content. Default Right of content.

Contains its own Subheading, Heading, Rich text, Product chip and Button blocks — see Shared content blocks.