Image with Text

A side-by-side layout with an image on one side and text content on the other. One of the most versatile sections — use it for brand stories, feature highlights, or product callouts.

What it looks like

Here's the Image with Text section alongside its settings in the theme editor. The left panel shows the settings you'll see in Customize, and the right shows the result on your storefront.

←Image with Text

Heading

Text

Every piece in our collection is made by hand using sustainably sourced materials. We believe quality should be felt — in the weight of the fabric, the precision of the stitch, the details you notice over time.

Button label

Leave empty to hide the button.

Image position

LeftRight

Pick which side the image appears on.

Image width

SmallMediumLarge

Storefront preview

Crafted with care

Every piece in our collection is made by hand using sustainably sourced materials. We believe quality should be felt — in the weight of the fabric, the precision of the stitch, the details you notice over time.

Learn more

Live demo — Image with Text on storefront

Settings

Setting	What it does
Color scheme	Picks which set of colors to use for this section
Width	Whether the section spans the full page width or is contained within the content column — contained or full
Image	The featured image — this appears alongside your text
Image position	Choose whether the image sits on the left or right side
Image width	How much space the image takes up — small, medium, or large
Image aspect	The crop shape of the image — auto (natural), square, portrait, landscape, or wide
Image mobile position	On mobile, whether the image appears above or below the text content
Eyebrow	A small label above the heading (e.g., a category name or short tagline)
Heading	The main text next to the image
Heading size	The size of the heading text — small, medium, large, or extra large
Subheading	A secondary line below the heading
Text	Supporting content underneath the heading — you can use bold, links, and lists here
Button label	What the button says. Leave empty to hide the button
Button link	Where the button takes people when clicked
Secondary button label	A second button label. Leave blank to hide the second button.
Secondary button link	Where the second button links to
Layout	How the image and content are arranged — side by side, stacked (content below image), or overlap (content over the image)
Vertical alignment	Lines up the text with the top, center, or bottom of the image

Blocks

Quote

A pull-quote block for testimonials or highlighted statements.

Setting	What it does
Quote text	The richtext content of the quote
Citation	The author or source attribution

Custom Liquid

Setting	What it does
Custom Liquid	Raw Liquid code rendered below the text content

App block

You can also add app blocks from installed Shopify apps.

Tips

• Alternate the image side when stacking multiple Image with Text sections on the same page. Image left, then image right — this creates a zigzag layout that keeps the eye moving.
• Use the text field for bullet lists when highlighting multiple features or benefits. It supports full formatting.