Collage

Section Collage is used to display images or videos in a grid (collage) layout.
It is commonly used on the Home page, Landing pages, Collections, Campaign pages, or Lookbooks.

The section consists of two parts:

• Section header: heading, description, and CTA button (optional)

• Collage grid: the media display area (required)

How does the Collage grid work? Can images and videos be used together?

The Collage grid contains multiple Media blocks, and each block displays one image or one video.
You can combine images and videos within the same collage.

What is the difference between Collage grid 10 and Collage grid 12?

These options differ in layout structure only.
Simply choose the layout that best fits your content.

How do media type, overlay, and video autoplay work?

• Media type: choose Image or Video

• Media overlay opacity: color overlay on the media (0 means no overlay)

• Video autoplay:

  • Videos play automatically

  • Videos are always muted (browser policy)

Cover image is used for videos before loading (recommended size: 3200 × 1600px).

What are column width, number of rows, and content position?

These settings control the layout behavior:

• Column width: media width for Desktop / Tablet / Mobile

• Number of rows: limits the number of media rows displayed

• Content position: position of text or button on the media (e.g., Bottom center)

Can I add a button on the media?

Yes. Buttons support:

• Label & Link

• Open in new tab

• Size: Small / Medium / Large

• Style: Outline / Solid / Link

• Icon (Arrow circle 45deg)

Important notes when using Section Collage

• On mobile, using 100% width is recommended for better viewing

• Avoid using the same size for all media items

• Autoplay videos are always muted (this is expected behavior)