Image with text

An image shown alongside a column of text content. Not available in the header, drawers, or popups.

Image

• Image — the image.
• Aspect ratio — 16:9, 4:3, 1:1, 4:5, 3:4, 2:3, or Auto (the image’s own proportions). Default 1:1.

Content

• Text alignment — Left, Center, or Right. Default Left.
• Max width — caps how wide the text content area can grow: Medium, Large, X-large, 2X-large, 3X-large, 4X-large, 5X-large, or None. Default 3X-large.
• Order — whether the image or the text content appears first. Image first or Content first. Default Image first.

Contained content

• Show content in a box — wraps the content in a colored, padded box. Default off.
• Content color scheme (only when the above is on) — the color scheme for the box. Default Scheme 1.
• Content padding (only when the above is on) — range 0–6rem, default 2rem.
• Content padding (mobile) (only when the above is on) — range 0–6rem, default 2rem.

Section settings

• Color scheme — the overall section color scheme. Default Scheme 1.
• Spacing — where padding is applied: Bottom, Top, Top and bottom, or None. Default Top and bottom.
• Spacing size — how much padding: Base, Small, or X-small. Default Base.
• Include header offset — offsets the section by the height of the header, in addition to the top padding. Default off.

Blocks

• Heading, Subheading, Rich text, Button, Countdown — see Shared content blocks.
• Also supports app blocks.

Contact form

A ready-made contact form that submits to Shopify’s built-in contact form handler.

• Show phone field — adds a phone number field to the form. Default on.
• Button style — Primary or Secondary. Default Primary.
• Success message — shown under the form once a message is sent, without reloading the page. Leave blank for the default: “Thanks for contacting us. We’ll get back to you as soon as possible.”

Supports its own Custom field blocks (see Shared content blocks) for adding extra fields to the form.