1. What is collage?
A collage is a collection of images, text, or other visual elements arranged in a creative and visually appealing layout. This section in our theme supports this type of display, allowing you to add various types of content blocks and arrange them in a flexible layout. With a collage section, you can showcase multiple elements in an artistic and engaging way, capturing the attention of your audience and conveying information effectively through visual storytelling.
![](https://cdn.shopify.com/s/files/1/0793/4866/2577/files/image42_91b80b8e-a9a9-4e04-bf94-1e79c86fc434_1024x1024.png?v=1716141503)
2. How to set up the collage section?
To set up the collage section, please follow these simple steps:
a) General settings:
- Enter the title of the collage section.
- Adjust the size & choose the HTML tag for the heading.
- Set the alignment of the heading (Left/Center/Right).
- Add additional text below the main heading.
- Enter any supplementary information or description.
- Choose the background color for light or dark mode.
![](https://cdn.shopify.com/s/files/1/0793/4866/2577/files/image44_e83141a3-b28e-4b1e-9fa1-e2dc39f05fda_2048x2048.png?v=1716141504)
b) Block settings:
Admin can add blocks to incorporate various types of content. The Eurus theme supports four types of blocks:
Image block:
- Select an image from your library or free resources.
- Enter the URL for the image link.
- Maintain the original aspect ratio of the image.
Video block:
- Choose a video from your store’s data.
- Paste the URL of a YouTube or Vimeo video.
- Provide alternative text for the video.
![](https://cdn.shopify.com/s/files/1/0793/4866/2577/files/image52_d4ee7644-c3a9-406f-bee4-2ac465e12f71_2048x2048.png?v=1716141503)
Product block:
- Select a product from your store to display in the section.
- Set up Product Cards in the section setting: Set up to display the product vendor information & optionally include product ratings in the display.
![](https://cdn.shopify.com/s/files/1/0793/4866/2577/files/image21_cfe0d79c-d056-4331-954a-fdbc018350cc_2048x2048.png?v=1716141503)
Collection block:
- Choose a collection from your store to feature in the section.
![](https://cdn.shopify.com/s/files/1/0793/4866/2577/files/image24_0d9ff1a7-a5be-478b-ae4c-4b756134ff11_2048x2048.png?v=1716141503)
3. How to modify the height and width of the section and each media block?
a) Section setting
- Adjust the number of columns displayed on desktop devices.
- Set the spacing between blocks within the section.
![](https://cdn.shopify.com/s/files/1/0793/4866/2577/files/image30_bfbd8335-d5cd-48ce-8cae-6e760e4fc1e2_600x600.png?v=1716141502)
![](https://cdn.shopify.com/s/files/1/0793/4866/2577/files/image5_be75f2ef-eeda-472e-bf8a-fa49aee45059_1024x1024.png?v=1716141503)
- 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.
![](https://cdn.shopify.com/s/files/1/0793/4866/2577/files/image28_ddad49da-a521-4dda-a973-0d72b094d630_600x600.png?v=1716141502)
![](https://cdn.shopify.com/s/files/1/0793/4866/2577/files/image38_61fc2ada-221e-4d8a-88d3-f38b8edfa616_600x600.png?v=1716141503)
b) 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.
![](https://cdn.shopify.com/s/files/1/0793/4866/2577/files/image51_c7454d06-22ce-4bbb-9b50-e854bf8c30cb_600x600.png?v=1716142121)
![](https://cdn.shopify.com/s/files/1/0793/4866/2577/files/Annotation_2024-05-20_004406_1024x1024.png?v=1716141492)