Image

Add the image that fits the general concept of the collage.

GENERAL

Color scheme

Choose a separate color scheme for the block.

CARD SIZE

Columns

Choose how many columns the card occupies in the collage grid.

Rows

Choose how many rows the card occupies in the collage grid.

IMAGE

Image

Select an image to add to the block. You can choose images either from your library or the free images collection. Note that the free images you use are also saved to your library. You can further edit the uploaded image: add a focal point and fill in an alt text.

Video

You can add a video instead of an image. In this case, the video has a priority. You can either choose a video from your files or upload a new video from your device. Note that the newly added videos are also saved to your files. You can further edit the uploaded video: add a cover image and fill in an alt text.

Overlay opacity

Dim the image to increase legibility of the content in the foreground.

CONTENT

Subheading

Fill in the subheading to introduce what you want to convey.

Heading

Fill in the heading to state what you want to convey.

Body

Fill in the body with the information you want to convey.

Heading size

Choose the font size for the content heading on the image.

Body size

Choose the font size for the content body on the image. Note that the option applies only to the 'Paragraph' body text formatting.

Button label

Fill in the button name to introduce the page it redirects to. Without a name, the button disappears or turns into an icon with an arrow. It depends on the chosen hover effect.

Button link

Choose a page within your store or enter a URL to redirect customers to another page when they click on the button or the image.

Button style

Choose the style of the button.

Solid	the button filled with color
Outline	the button with only its borders colored
Text	the label with an arrow icon

Desktop position

Choose the content position within the image on desktop.

Mobile position

Choose the content position within the image on mobile.

Show on hover

Choose what content appears when you place the pointer on the image.

All content	text content and button are initially missing and appear on hover
Button only	only text content is initially present, and on hover, it is replaced by a button
Body and button	only heading and subheading are initially present, and on hover, they are replaced by a body text and a button
Zoomed image	text content and button are initially present; on hover, only the image is enlarged