New on the blog — Meet the agents: Z1, Reach & Ana
Sign up
Sign up
Z1
Creative & Storefront
Images & VideosEmailsPopups & FormsAI Storefront BuilderLanding PagesSoon
ANA
Analytics & Attribution
PixelsAttributionAnalytics
MogiuCreator & Affiliate Marketing
All products
Store BuildInfluencer MarketingPaid AdsAll services
Pricing
Get in Touch

Sections reference

/

1 min read

Image with text section

Zalify Theme's split layout — media on one side, content blocks on the other. Settings, block usage, and the fill-spacer magazine layout trick.

Image with text is the split layout: media on one side, a column of blocks on the other. It's the workhorse for brand stories, ingredient callouts, and feature explainers.

SettingOptionsDefault
Imagepicker
Image positionLeft / RightLeft

The text side accepts all content blocks — stack Text, Button, Quote, or Accordion blocks in any order.

The magazine layout trick

The text column matches the image's height on desktop, which makes the fill Spacer useful: Title → Spacer (fill) → Normal text pins the heading to the top and the copy to the bottom of the column. On mobile, where the layout stacks and columns collapse to natural height, the fill spacer quietly shrinks to its minimum — no dead space.

Alternate Image position Left / Right on consecutive Image with text sections for the classic zig-zag editorial rhythm.

Previous

Featured collection section

Next

Rich text section