How to add an image with text content section to any Shopify theme
Share
Introduction
Combine visuals and messaging seamlessly with the Flexi Image with Text Section — a flexible content layout designed to pair images with supporting text, headlines, and calls to action. This section is ideal for storytelling, feature highlights, and contextual product or brand messaging.
In the video above, you’ll learn how to add an image with text content section to any Shopify theme using Flexi’s intuitive section and block system. Discover how to control layout direction, spacing, and responsive behavior to create balanced, visually engaging content.
Perfect for homepages, product pages, and landing pages, the Flexi Image with Text section integrates seamlessly with any Shopify theme. Whether you’re explaining a product feature, sharing your brand story, or highlighting a promotion, this section helps communicate clearly and visually without custom code.
Setup Instructions
Install the App
Visit the Shopify App Store and install Flexi Slider Sections. Start your free trial to unlock access to all Flexi content and layout-based sections, including Image with Text.
Install Section
Open the Flexi app and navigate to the sections library. Search for "Image with Text" and click "Add to Theme" to install it instantly.
Add to Your Store
Go to your Shopify admin → Online Store → Themes → Customize. Navigate to the page where you want the section to appear, click "Add section", and select "Image with Text" from the available sections.
Set Section Width
In the section settings, choose how the image with text layout should be displayed:
- Full width: Create immersive, edge-to-edge content sections
- Fixed width: Set a custom maximum width (320px – 1440px)
- Theme width: Match your theme’s default content container
Add Content
Click "Add block" to configure your content. Each block can include an image, headline, paragraph text, and optional buttons or links.
You can easily swap image positions (left or right), reorder content blocks, and tailor messaging to fit different pages and use cases.
Customize & Style
Customize your image with text section using Flexi’s built-in settings:
- Control image alignment and layout direction
- Adjust spacing, padding, and content width
- Customize typography, colors, and background styles
- Fine-tune responsive behavior for mobile and tablet
Works Seamlessly with Dawn & Horizon
Flexi sections are built for Shopify’s modern theme architecture, which means the Image with Text section works seamlessly with Dawn, Horizon, and all Online Store 2.0 themes.
Dawn Compatibility
Dawn is Shopify’s reference theme, and the Flexi Image with Text section follows the same responsive layout patterns, spacing conventions, and accessibility best practices used throughout Dawn.
This ensures your content inherits your theme’s typography, buttons, and visual rhythm by default, while still allowing precise control through Flexi’s settings.
Horizon & Modern Framework Support
Horizon represents Shopify’s next-generation theme framework. The Image with Text section integrates cleanly with Horizon-based themes without overriding global styles or introducing JavaScript conflicts.
Because each Flexi section is self-contained and theme-safe, you can confidently add image and text content to modern and highly customized storefronts.
Theme-Safe by Design
Every Flexi section is scoped, isolated, and performance-optimized. This means you can:
- Add or update image with text sections without editing theme code
- Preview content changes safely before publishing
- Reuse the same image with text layout across pages and themes
- Switch themes without rebuilding content layouts
Whether you're using Dawn, Horizon, or a fully custom Online Store 2.0 theme, Flexi’s Image with Text section adapts automatically — helping you combine visuals and messaging into clear, effective content that supports conversion and storytelling across your store.