Text with Multi Image SectionTell Your Story Visually

Combine engaging images with text and a clear CTA to showcase products, highlight features, share brand stories, and guide shoppers to take action.

  • check-icon OS 2.0 Ready
  • check-icon Flexible Image Layout
  • check-icon No Coding Needed
Text with Multi Image slide 1
Text with Multi Image slide 2
Text with Multi Image slide 3
Text with Multi Image slide 1
Text with Multi Image slide 2
Text with Multi Image slide 3
vector
vector

Everything You Need for a Flexible Image Section

Combine multiple product images with text and a CTA to create a balanced Shopify section that looks polished across desktop and mobile storefronts.

Add Multiple Product Images

Add Multiple Product Images

Show up to four images in one section to highlight products, details, collections, or different views.

Flexible Image Layouts

Flexible Image Layouts

Choose from layouts designed for two, three, or four images to create a more dynamic visual presentation.

Adjustable Image Position

Adjustable Image Position

Place the image group on the left or right of the text to suit your page structure and design.

Custom Section Heading

Custom Section Heading

Add a clear heading that introduces your products, collection, promotion, or brand message.

Rich Text Content Support

Rich Text Content Support

Add supporting content below the heading to explain your products, features, or promotional message.

Custom Call-to-Action Button

Custom Call-to-Action Button

Add a button label and link to guide shoppers toward products, collections, or other store pages.

Desktop and Mobile Controls

Desktop and Mobile Controls

Adjust text alignment and section spacing separately to create a better experience on different screens.

Custom Colors and Spacing

Custom Colors and Spacing

Control backgrounds, text, buttons, image corners, and section padding to match your Shopify theme.

Customize Text, Images, Layout, and Styling

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

Section Settings

Section Settings

Applies to the whole section

Add the main heading for the image section.

Section Heading

Add supporting text below the heading.

Section Content

Choose how the heading and content are aligned.

Text Alignment

Choose whether images appear on the left or right.

Image Position

Choose how many images appear in the section.

Total Images

Choose the image height for the desktop layout.

Image Height

Set the section background color.

Background Color

Set the content area background color.

Content Background

Adjust the spacing above and below the section.

Section Padding

Choose full width or a custom section width.

Section Width
Block Settings

Block Settings

Applies to each image

Add an image to display in the image layout.

Image

Set how rounded the image corners should appear.

Image Border Radius

Add the text shown on the section button.

Button Label

Choose the page shoppers visit after clicking the button.

Button Link

Choose between filled and outline button styles.

Button Style

Customize the button colors and hover appearance.

Button Colors

Use Multi-Image Sections Across Your Store

Add multiple product images beside useful content to introduce products, highlight collections, explain features, or create stronger visual stories across key Shopify pages.

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

Create a Strong Visual Brand Introduction

Combine product or lifestyle images with a clear message to introduce your brand, highlight an offer, or guide visitors toward an important store page.

check-iconMake your homepage more visually engaging

check-iconIntroduce key products with multiple views

check-iconHighlight important brand messages

check-iconGuide visitors toward featured products

check-iconBreak up long homepage content

Collection Page

Highlight Products Around Your Collection

Use multiple images and supporting text to introduce a collection, explain its theme, or showcase selected products before shoppers browse the product grid.

check-iconIntroduce the collection with visual context

check-iconShowcase several products together

check-iconExplain the collection theme clearly

check-iconAdd variety around product grids

check-iconDirect shoppers to featured items

Product Page

Show More Product Details at a Glance

Display different product views, details, or lifestyle images beside supporting content to help shoppers understand what makes the product worth considering.

check-iconShow different product angles

check-iconHighlight important product details

check-iconSupport product descriptions visually

check-iconBuild a clearer product presentation

check-iconHelp shoppers explore product features

Landing Page

Build Visual Sections for Campaigns

Pair multiple campaign or product images with focused messaging and a CTA to create a visually engaging section for promotions, launches, and targeted campaigns.

check-iconPresent campaign visuals together

check-iconSupport promotional messaging

check-iconHighlight products for specific campaigns

check-iconCreate clear visual storytelling

check-iconLead visitors toward a focused CTA

Make Product Content More Visual and Engaging

Give shoppers a balanced mix of images, text, and calls to action while keeping the section flexible enough to fit different Shopify store designs.

Text with Multi Image section

Built for Better Storefronts

Showcase products with engaging visuals, useful content, and clear CTAs that help shoppers explore your store with confidence.

check-iconShowcase More Product Views

check-iconCreate Stronger Visual Stories

check-iconGuide Shoppers With CTAs

check-iconMatch Your Store Branding

check-iconImprove Content Flexibility

check-iconSupport Mobile Storefronts

Do This, Avoid That for Better Image Sections

DO

  • do Use high-quality images that showcase products clearly
  • do Keep related images consistent in style
  • do Use a short heading that explains the section
  • do Choose images that support your content and CTA
  • do Adjust spacing to suit your store layout

DON'T

  • don't Don't mix unrelated images in the section
  • don't Don't use blurry or poorly cropped images
  • don't Don't add too much text around the images
  • don't Don't overcrowd the section with too many elements
  • don't Don't use unclear or generic button text

Frequently Asked Questions

Can I choose how many images appear in the section?

Yes. You can display between one and four images and choose the layout that best fits your content.

Can I place the images on the left or right?

Yes. Use the Image Position setting to place the image group on either side of the text on the desktop.

Can I add a button to the section?

Yes. Add a custom button label and link to guide shoppers to a product, collection, or other store page.

Can I change the image height?

Yes. Choose Small, Medium, or Large to control the image height for the desktop layout.

Can I customize the section colors?

Yes. You can customize the background, heading, content, and button colors to match your store.

Does the section work on mobile?

Yes. The layout adapts to mobile screens, with separate controls for mobile text alignment and section spacing.

Can I make the section full width?

Yes. Enable Full Width to use the available screen width, or set a custom maximum section width.

Can I use this section on different Shopify pages?

Yes. Add the section wherever your Shopify theme supports sections, such as the homepage, product pages, and landing pages.

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 to Tell Your Story Visually

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