Zest Theme
Zest Theme
Theme Sections

Image with text

2 min read
image

The image with text section provides an appealing and dynamic approach mixing media, message, and a call-to-action button. This is a great way to promote a product/collection or any exciting feature on your online store.

This section includes a customizable image alongside text content. On desktop, the image and text sit side by side. On mobile, they stack vertically.

How to add an Image with text section to your Shopify store

Steps

  1. In the theme editor (Customize), click Add section.
  2. Locate Image with text.
  3. Make necessary changes.
  4. Save.

How to edit an Image with text section

Section settings

image
SettingDescription
ImageUpload or select your image.
Image widthSet how much horizontal space the image takes up.
Desktop image positionChoose whether the image shows on the left or right side of the text.
Vertical alignmentAlign content to the top, middle, or bottom of the section.
Column gapAdjust horizontal spacing between the image and text.
Row gapAdjust vertical spacing on mobile layout.
Padding left/rightAdd extra spacing inside the content container.
Align content containerIf the section is full-width, use this to align the inner content left, center, or right.

Block settings

This section supports 4 block types, which you can rearrange or hide as needed:

BlockDescription
SubheadingOptional text—good for labels or context.
HeadingMain title of your section. Accepts rich text formatting.
TextBody copy for your message.
ButtonAdd a clickable call-to-action to guide users.

Pro tip 💡

You can stack multiple Image with Text sections throughout your site to break up long content and keep the layout dynamic.

Last updated

Highlight text with image

Previous Page

Image with text overlay

Next Page

ON THIS PAGE

How to add an Image with text section to your Shopify storeHow to edit an Image with text sectionSection settingsBlock settings

Was this helpful?