Media with text: Collage
The section is designed to present a blend of images and text in a visually dynamic layout.
It allows you to showcase multiple visuals alongside descriptive text blocks, creating a collage-style composition that highlights different aspects of your brand story.
This section is ideal for visual storytelling, where imagery and words work together to convey a mood, process, or narrative — for example, introducing your team, showing product craftsmanship, or illustrating brand values. The flexible layout supports multiple media formats, such as images or videos, giving you creative freedom to build an engaging visual story.
On the storefront, the Media with Text: Collage section captures attention through variety and balance, creating a rich and immersive viewing experience. It helps break up long text sections, keeping your page visually appealing and easy to navigate.
In essence, this section transforms storytelling into a visual narrative collage, combining media and text harmoniously to express your brand’s message in an artistic and memorable way.
Location: Sections -> Templates -> Storytelling: Collage
Collage – Options Overview
Layout
Control the general layout and spacing of the section.
Top spacing
Set the space above the section: None, Small, Medium, Normal.
Width
Choose the section width: Default, Boxed, or Wide (Wide works for screens ≥1440px).
Text content position
Align the text within the section: Left, Center, Right.
Images
Configure the images displayed in the collage.
Images
Add up to 8 images to the collage.
Image hover effect
Set hover behavior for images.
Basic theme settings
Choose from pre-set hover effects: Disable, Zoom in #1, Zoom in and rotate, Zoom in #2, Zoom out #1, Zoom out #2, Slide, Shine.
Image ratio
Select the aspect ratio for images: Auto, Portrait (3:4), Landscape (4:3), Square (1:1), Round (1:1), Social story (9:16), Widescreen (16:9).
Settings
Adjust text and icon alignment and content display.
Align text relative to image
Position text relative to images: Top, Center.
Text align
Set text alignment: Left, Center.
Align text relative to icon
Position text relative to icons: Top, Center.
Icon width
Adjust the width of icons in the section.
Content width
Control the width of the text/content area.
Underline on hover
Enable or disable underline on headings or links when hovered.
Link
Assign a URL to buttons or headings.
Dividing line
Show or hide a line to separate content visually.
Background
Manage section background appearance.
Background
Choose a background type: Hide, Color, Gradient, or Image.
Colors
Customize color scheme.
Base
Set the main color of text or icons.
Accent
Set the accent color for highlights.
Lines
Set the color for dividing lines.
Texts
Manage typography and text content.
Heading
Set the main heading text style.
Heading link hover
Style the heading when linked and hovered.
Description
Style the description text.
Icon
Set icon colors and styles.
Counter text
Style numeric counters if used.
Counter box
Style the container for counters.
Button
Configure button appearance and behavior.
Show background
Enable or disable button background.
Background
Set the button background color.
Background gradient
Apply a gradient background to the button.
Border
Set the button border color and thickness.
Text
Set the button text color.
Show background on hover
Enable or disable background change on hover.
Background hover
Set button background color on hover.
Background gradient hover
Set gradient background on hover.
Border hover
Set border color on hover.
Text hover
Set text color on hover.
Enable shadow
Turn on button shadow effect.
Shadow
Configure the shadow style.
Shadow hover
Configure shadow style when hovered.
Each section also has subsections Countdown, Button, Heading, Text, which can be added multiple times as needed:
Subsection Countdown: A dynamic timer showing the time remaining until a special offer expires. You must set the event’s end date, after which the timer will automatically stop and cannot reset or restart. You can configure the Year, Month, Day, Hours, Minutes, and Seconds.
Subsection Button: Allows customization of the button title from the main section.
Subsection Heading: Allows changing the Subheading and Heading of the main section.
Subsection Text: Configure options such as Show icon, Image, Preset icon name, Text for additional content display.
Last updated