Collage

Create visually engaging, modular grid layouts by combining up to five banners, images, videos, products, testimonials, and more, with flexible layout and display options for both desktop and mobile.

Last updated About 1 month ago

Overview

The Collage section offers a visually dynamic grid for blending diverse content into flexible, unique arrangements. This section empowers you to highlight banners, images, and videos. With Collage, you can easily craft eye-catching, modular displays that showcase your brand’s style and content mix in an engaging way.

Key components and functionality

Collage layout settings

These settings define how the collage is arranged across desktop and mobile screens. Adjust them to create the visual impact and flow best suited to your brand.

Collage style

Select which side of the collage features the largest block. This influences your visitors’ focus and shapes the narrative flow of your page.

  1. Large block on left

    1. Places the most prominent visual element at the start, anchoring your layout.

  2. Large block on right

    1. Positions the focal block at the end, creating a different visual journey.

Default: large block on left

Aspect ratio (desktop and mobile)

Select the aspect ratio of the large block of the Collage section on both desktop and mobile. The small cards of the section will arrange themselves automatically, based on this setting.

On mobile, the small cards default to square aspect ratio. Always check the mobile preview to make sure your large block does not take up too much space unnecessarily!

Supported block types

The Collage section supports up to five content blocks in any order or combination. Each block type provides its own set of customization options, letting you build highly individual designs.

  1. Banner

  2. Image

  3. Video

Usage notes

  1. Always preview Collage layouts on both desktop and mobile.

  2. Select web-optimized images and videos to maintain fast loading speeds, even when using media-heavy blocks.

  3. Include clear alt text and maintain strong color contrast to improve accessibility for every visitor.

  4. Use three to five blocks for optimal visual balance, avoiding overcrowding while maintaining interest.

  5. Experiment by switching collage styles and rearranging block order to find the most impactful configuration for your content.

💡 Tip: The Collage section thrives on creative experimentation. By arranging and customizing blocks, you can achieve bold, unexpected effects that capture attention and drive engagement.