Media with Text Section
What This Section Does
The Media with Text Section creates a simple two-column layout that combines visual media with text content. This versatile section works for almost any content pairing and includes flexible spacing controls to fine-tune the visual balance.
Perfect for: Product descriptions, about us content, feature explanations, storytelling, brand messaging, educational content
How to Add It
Step 1: Add the Section
- In your Shopify admin, go to Online Store → Themes
- Click Customize next to your live theme
- Click Add section in the main content area
- Choose Media with Text from the list
Step 2: Configure Your Content
- The section comes with sample media and text blocks
- Add your images or videos to the media container
- Customize the text content using theme blocks
- Adjust the spacing and layout settings
Key Settings to Configure
Section Header
Heading: Main title for your section
- When to use: Clear titles that introduce the content below
Subheading: Additional context or details
- Best practice: Provide helpful context about the media and text relationship
Text Alignment: Control header positioning
- Center: Balanced, professional look
- Left: Traditional layout
- Right: Unique design choice
Layout Configuration
Reverse Layout: Swap the position of media and text
- When to use: When text should appear first or for design variety
Gap Size: Control spacing between media and text columns
- Small gaps (2-4): Tight, connected layouts
- Medium gaps (6-8): Balanced spacing (recommended)
- Large gaps (10-12): Spacious, distinct column separation
Block Integration
This section uses theme blocks for flexible content:
Heading Blocks: Add titles and section organization Text Blocks: Include detailed descriptions and explanations Button Blocks: Add calls-to-action Any theme blocks: Complete flexibility for your content needs
The media container supports single images, videos, or multiple media items in various layouts.
Pro Tips for Success
Content Balance
Common Mistakes