Skip to Content
DocumentationSectionsImage with Text

Image with Text

Pair an image with text content in a side-by-side or stacked layout. Use this for brand stories, product features, or promotional content.

Live demo store theme editor screenshot of a two-column image/text layout.
Live demo-store editor capture showing a mounted two-column image section; use it as the live media-layout reference for Image with Text.

Configure the Section

  1. In the theme editor, click Add section.
  2. Select Multicolumn image/text or Showcase and arrange image and text blocks side by side.

How to Build It

Fit Check uses a composable approach — rather than a dedicated “Image with Text” section, you compose this layout using the Showcase or Multicolumn image/text section:

  1. Add a Showcase section.
  2. Set Content direction to Row.
  3. Add an Image block and a Container block with text and button blocks inside.

Layout Options

SettingDescription
Content directionRow for side-by-side, Column for stacked.
Stack on mobileAutomatically stacks the image above text on mobile. Default: On.
Horizontal alignmentStart, Center, End, or Space between.
Vertical alignmentStart, Center, or End.
Content gapSpacing between the image and text. Range: 0–100px.

Tips

  • Use the Container block to group heading, body text, and button together as one unit next to the image.
  • For a reversed layout (text left, image right), reorder the blocks in the sidebar.
VideoDetail Explorer