Media with text: Type 2

The section presents images or videos alongside descriptive text in a layout that emphasizes visual storytelling with a slightly different arrangement compared to Type 1.

This section allows stores to feature products, collections, or brand stories in an engaging and dynamic way, maintaining a strong balance between media and messaging.

It enhances the presentation of content by creating a clear visual hierarchy, draws customers’ attention to both text and media, and provides flexibility to showcase images or videos depending on the store’s content needs. The design ensures a professional, modern appearance while keeping the focus on key messages, making it an effective tool for highlighting important content and enhancing overall storytelling.

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

---

Media with text: Type 2 – Options Overview

Option	Brief Description
Layout	Control the section’s spacing, width, height, and alignment.
Top spacing	Set the space above the section: None, Small, Medium, Normal.
Width	Choose section width: Default, Boxed, Wide, Fullwidth (Wide works for screens ≥1440px).
Height	Set section height: Auto or Fixed.
Text align	Align the text: Left or Center.
Align text relative to icon	Position text relative to icons: Top or 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.
Background	Configure the section background appearance.
Background	Choose background type: Hide, Color, or Gradient.
Color	Set background color if applicable.
Top, bottom spacing	Adjust spacing above and below the section: None, Small, Medium, Normal.
Colors	Customize the color scheme.
Base	Set main text/icon color.
Accent	Set accent color for highlights.
Texts	Configure text and icon styles.
Heading	Set the style for the main heading.
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 main button appearance and behavior.
Show background	Enable or disable the button background.
Background	Set 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	Enable shadow effect for button.
Shadow	Configure shadow style.
Shadow hover	Configure shadow style on hover.
Media button	Configure buttons over media (video/slider).
Background	Set background color of media buttons.
Icon	Configure icon displayed on media buttons.
Background hover	Set background color of media buttons on hover.
Icon hover	Set icon appearance on hover.
Media subsection	Configure individual media items.
Type	Select media type: Image or Video.
Image	Add an image to the section.
Image hover effect	Set hover behavior for the image.
Basic theme settings	Choose pre-set image effects: Disable, Zoom in #1, Zoom in and rotate, Zoom in #2, Zoom out #1, Zoom out #2, Slide, Shine.
Image ratio	Set the aspect ratio for the image.

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.