Image with content split

Theme section

Use the Image with content split section to combine a full-height feature image with promotional messaging and a call to action. With a flexible layout and optional content blocks, it's a great way to highlight a product collection or introduce something new and exciting.

Set up section

Add this section to any template (except Checkout) and use the drag-and-drop handles to re-order its position. You can add this section multiple times with different content and settings.

Editing a template changes all pages that use that template. To edit specific pages, you can you can create new templates or insert dynamic content with metafields.


In your theme editor (Customize):

  1. Select a Template to edit from the dropdown menu in the top bar.

    Learn how to use templates in our Templates guide.

  2. Under Template, click (+) Add section and select Image with content split.

  3. Click and hold the drag-and-drop handles ⋮⋮ to re-order your sections.

Add content blocks

The Image with content split has three default content blocks: Heading, Text, and Button. You can edit or remove these blocks and add 7 other types of blocks to customize the section’s content and layout.

Available blocks

Settings reference

Click the Image with content split section to find the following settings.


Content area

Section colors

Section style

Related links

Image hero Image with content Slideshow Grid

Last updated