Collage collection #1 - #2 - #3

by Admin on Sep 18, 2025

A Collage Collection is a series of collections arranged in a creative and visually appealing layout, capturing the attention of your audience and conveying information effectively through visual storytelling.

1. Section Components

Section	Collage Collection	Arrange a list of collections in a creative and visually appealing layout.
Available block	Collection	Add a separate collection to the section.

2. Location & Setup

To add & set up the Collage Collection section:

Open the Shopify Theme Editor (Online Store > Themes > Customize)
Decide where you want to place the new section in Template.
Click "Add Section".
Select "OT: Collage collection (#number of variant)".

3. Highlight Features

Creative layout: Arrange collections in unique collage styles to grab attention and make browsing more engaging.
Flexible media display: Replace default collection images with custom ones for better branding and storytelling.
Customizable sizing: Adjust the width, height, and spacing of each block for a tailored look.

4. Common Use Cases

🤔 How to set up Collage collection section?

STEP 1: Add the section

Add Collage collection section to your desired position.

STEP 2: Set up Collection block

Under Rich text, you can add multiple blocks (as shown above) to freely set up the section. Click on the block to open its settings panel:

Choose a Collection from your store to display.
(Optional) Upload an Image to replace the default collection image.
Enter Title to show on the collection media.

Repeat this step to set up other Collection blocks.

STEP 3: Set up the section

Click on the Collage collection section to open the settings panel:

Enter the Heading for the section. Adjust its size, tag, and alignment.
Choose the Edges of the collection media.
At Mobile/Desktop layout, choose block width, spacing, and padding...
Choose colors for block elements.

STEP 4: Click "Save" when done.

🤔 How to modify the height and width of the section and each column block?

STEP 1: Section setting

Click on the Collage collection section to open its settings panel:

Adjust the number of columns displayed on desktop devices.
Set the spacing between blocks within the section.

Define the height of each row of media within the section.
For mobile layout, the settings are similar to desktop layout, but the number of columns is limited to 1-2 columns.

STEP 2: Block setting

Configure the layout settings for each individual block within the section.

Set the number of columns wide for the block.
Specify the number of rows tall for the block.

STEP 3: Click "Save" when done.

5. Layout Recommendations

The Collage Collection section has 3 appealing layouts available. If you want support to set up the layouts, don't hesitate to chat with us!

📂 Collage collection #1

Check out demo here.

📂 Collage collection #2

Check out demo here.

📂 Collage collection #3

Check out demo here.

6. Support Information

Need help? Contact our support team at Omni Themes Support .