Media with text: Type 1

The section is designed to combine visual content—such as images or videos—with descriptive text in a clean, side-by-side layout.

This section allows stores to highlight products, collections, or brand stories in a visually engaging way. By pairing media with text, it draws customers’ attention, communicates key messages clearly, and enhances the overall storytelling of the store.

The section supports brand storytelling and promotional content, encourages customer engagement with a visually balanced layout, and provides flexibility to use images or videos depending on content needs. The design emphasizes clarity and professionalism, ensuring that media and text complement each other without overwhelming the page. This makes it an ideal choice for sections where both visual impact and clear messaging are important.

Location: Sections -> Templates -> Storytelling: Media with text: Type 1

---

Media with text: Type 1 – Options Overview

Option	Brief Description
Layout	Adjust the overall layout, spacing, and alignment of the section.
Top spacing	Set the space above the section: None, Small, Medium, Normal.
Align text relative to image	Position text in relation to media: Top, Center.
Text align	Set the alignment of the text: Left, Center.
Align text relative to icon	Position text relative to icons: Top, Center.
Icon width	Adjust the width of icons in the section.
Swap content with image	Toggle whether the media and text positions are swapped.
Content width	Set the width of the text/content area.
Desktop padding	Adjust padding on desktop screens for the content area.
Underline on hover	Enable or disable underline for headings or links on hover.
Link	Assign a URL to buttons or headings.
Dividing line	Show or hide a visual line separating content.
Background	Control the background appearance of the section.
Background	Choose a background type: Hide, Color, Gradient, or Image.
Colors	Customize the color scheme for the section.
Base	Set the main color of text or icons.
Accent	Set the accent color for highlights or emphasis.
Lines	Set the color for dividing lines.
Texts	Configure text and icon styles.
Heading	Style the main heading text.
Heading link hover	Style the heading when linked and hovered.
Description	Set the style for description text.
Icon	Configure icon colors and styles.
Counter text	Style numeric counters if used.
Counter box	Style the container for counters.
Button	Configure the main button appearance and behavior.
Show background	Enable or disable the button background.
Background	Set the button background color.
Background gradient	Apply a gradient to the button background.
Border	Set button border color and thickness.
Text	Set 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	Apply gradient background on hover.
Border hover	Set border color on hover.
Text hover	Set button text color on hover.
Enable shadow	Turn on button shadow effect.
Shadow	Configure the shadow style.
Shadow hover	Configure shadow style on hover.
Media button	Settings for video or slider buttons over media.
Background	Set background color of media buttons.
Icon	Configure the icon displayed on media buttons.
Background hover	Set background color of media buttons on hover.
Icon hover	Set icon appearance on hover.

Subsections

Each section also has subsections:

• 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 Year, Month, Day, Hours, Minutes, and Seconds.

• Button: Allows customization of the button title from the main section.

• Heading: Allows changing the Subheading and Heading of the main section.

• Text: Configure options such as Show icon, Image, Preset icon name, Text for additional content display. Can be added multiple times as needed.

• Media: Allows adding and configuring media content within the section.

  • Type: Choose between Image or Video.

  • Image: Add an image to the section.

  • Image settings: Configure hover effects and other image options:

    • Image hover effect – Set interactive behavior on hover.

    • Basic theme settings – Choose from pre-set 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 the image.