Image with Text Section Combine Visuals With Clear Store Content

Combine an image with headings, supporting content, and a call-to-action button to highlight products, collections, brand stories, or important store information.

  • check-icon 2.0 Compatible
  • check-icon Responsive Design
  • check-icon Customizable Layout
Product Highlight
Brand Introduction
Collection Feature
Product Highlight
Brand Introduction
Collection Feature
vector
vector

Key Features: Build Clear Image and Content Sections

Create balanced content sections with image positioning, adjustable image height, text alignment, buttons, colors, spacing, and responsive controls.

Image Showcase

Image Showcase

Add a custom image to visually support your message.

Flexible Image Position

Flexible Image Position

Place the image on the left or right side of the content.

Adjustable Image Height

Adjustable Image Height

Choose small, medium, large, or automatic image sizing.

Custom Text Content

Custom Text Content

Add a heading and supporting rich text beside the image.

Call-to-Action Button

Call-to-Action Button

Add a button with custom text and a destination link.

Content Alignment

Content Alignment

Align the text content to the left, center, or right.

Responsive Layout

Responsive Layout

Automatically stack the image and content for mobile shoppers.

Custom Styling

Custom Styling

Adjust colors, spacing, borders, and button styling to match your store.

Customize Image, Content, Layout, and Styling

Control the image, content layout, button, spacing, colors, and section width from the Shopify theme editor.

Section Settings

Section Settings

Applies to the whole section

Add the main image for the section.

Image

Choose where the image appears beside the content.

Image Position

Set the image height for different layouts.

Image Height

Add the main heading for the content area.

Heading

Add supporting text below the heading.

Content

Choose how the content is aligned.

Text Alignment

Add a call-to-action button to the section.

Button Label

Set the destination page for the button.

Button Link

Set the section's maximum content width.

Section Width

Where the Image with Text Section Can Be Used

Use a balanced image-and-content layout to explain products, introduce your brand, highlight collections, or guide shoppers to key store pages.

  • Home Page
  • Product Page
  • Collection Page
  • Landing Page
Home Page

Create a Clear Visual Store Introduction

Use an image with supporting content to introduce your brand, highlight products, promote collections, or guide shoppers to important pages.

check-iconIntroduce your brand visually

check-iconHighlight featured products

check-iconPromote important collections

check-iconAdd clear calls to action

Product Page

Add More Context Around Your Products

Use the section to explain product benefits, materials, features, or usage details with a supporting image and clear content.

check-iconExplain product features

check-iconHighlight product benefits

check-iconSupport purchasing decisions

check-iconAdd useful product details

Collection Page

Make Collection Content More Engaging

Pair collection-focused imagery with helpful text to introduce a category and encourage shoppers to explore its products.

check-iconIntroduce collections

check-iconHighlight category benefits

check-iconGuide shoppers to products

check-iconAdd supporting information

Landing Page

Build Focused Content for Campaigns

Combine strong visuals with focused messaging and a CTA to promote campaigns, offers, services, launches, or other important store content.

check-iconSupport campaign messaging

check-iconHighlight key offers

check-iconCreate focused content areas

check-iconGuide visitors with CTAs

Create Balanced Visual Content for Your Shopify Store

Combine images, useful content, and clear calls to action in a flexible layout that helps shoppers understand your message and explore your store.

Image with Text section

Why Choose Image with Text

Create clear content sections that balance visuals and information while giving you control over layout, styling, spacing, and responsive presentation.

check-iconCombine images with useful content

check-iconHighlight products and collections

check-iconExplain features and benefits clearly

check-iconAdd focused calls to action

check-iconChoose left or right image placement

check-iconControl image height and content alignment

check-iconCustomize colors and spacing

check-iconCreate responsive mobile layouts

check-iconKeep important store information organized

check-iconMatch the section with your store branding

Do this, skip that.

DO

  • do Use a relevant, high-quality image
  • do Keep the heading clear and focused
  • do Write concise supporting content
  • do Use a relevant CTA
  • do Keep image and text visually balanced

DON'T

  • don't Use unrelated images
  • don't Add overly long content
  • don't Use unclear headings
  • don't Link to unrelated pages
  • don't Overload the section with too much information

Frequently Asked Questions

Can I add my own image?

Yes. You can select a custom image from the Shopify theme editor.

Can I change the image position?

Yes. You can place the image on either the left or right side of the content.

Can I change the image height?

Yes. Choose from Small, Medium, Large, or Auto image height options.

Can I add a button?

Yes. You can add a custom button label and link it to a relevant store page.

Can I align the text?

Yes. You can align the content to the left, center, or right.

Is the section mobile responsive?

Yes. The image and content automatically adjust for smaller screens.

Can I customize the section colors?

Yes. You can customize the section background, content background, heading, text, and button colors.

Can I make the section full width?

Yes. You can enable Full Width or use a custom section width for a contained layout.

Help Center

support e-mail

We're Here to Help: We believe in providing exceptional customer support!

For Support or any Questions Email Us: [email protected]

Ready When You Are: Combine Visuals With Clear Store Content

Install SectionHub and add the Image with Text section to your theme in minutes - no coding required.