Collage

You can create a collage of videos, images, products, and collections. Each Collage section contains three blocks. By default, the section contains a video, product, and collection block.

To create a collage of more than three blocks, add additional collage sections below the first and don't include a Heading value to the lower collage sections. The collage sections will appear to flow together as a single section.

Section settings

Setting	Description
Heading	The title of the section.
Heading size	Change the size of the heading text. Choose between small, medium, or large.
Desktop layout	How the collage media displays on desktop. Left large block (default) - The first block in the section displays on the left and larger than any other blocks. Right large block - The last block in the section displays on the right and larger than any other block.
Mobile layout	How the blocks display on mobile. Collage - Displays the images in a collage layout: If Left large block is enabled in Desktop layout, then the first block in the section displays on the top and larger than any other block. If Right large block is enabled in Desktop layout, then the last block in the section displays on the bottom and larger than any other block. Column - Displays all media the same size and in a column.
Color scheme	The background color of the collage. Choose between Accent 1, Accent 2, Background 1, Background 2, or Inverse.
Section padding	Add spacing to the top or bottom of the collage section. Use the range slider to add between 0px and 100px of space to the top or the bottom of the section.

Video block

Setting	Description
Cover image	The image that displays before a customer plays the video.
URL	The YouTube or Vimeo link to the video. The video must be publicly available. The video will play in a pop-up window.
Video alt text	The alt text for the video. Describes the context and purpose of the video for customers using screen readers.
Use original image ratio	Select this option if you don't want your image to be cropped.

Product block

Setting	Description
Product	The product that you want to display.
Show second image on hover	When a customer hovers their cursor over the product image, displays the second product image if the product has one.

Collection block

Setting	Description
Collection	The collection that you want to display.

Image block

Setting	Description
Image	The image for the section. Click Select Image to choose an image, or click the Change button to change or remove the image.
Edit alt text	Add a brief image description to improve SEO and to describe the image for customers using screen readers.
Use original image ratio	Select this option if you don't want your image to be cropped.