版块参考
/
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.
| Setting | Options | Default |
|---|---|---|
| Image | picker | — |
| Image position | Left / Right | Left |
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.