Pairs an image or video with a flexible set of content blocks, side by side.
Media
- Image and Video - a video overrides the image if both are set.
- Media position - Left or Right.
- Media width - Narrow, Equal, or Wide.
- Image shape - crops the media to a Square, Pill, Arch, or Circle. Pill, arch, and circle carry their own geometry, so they ignore the theme's corner radius setting.
- Show border - shown once a shape is chosen; draws a border around the shape in the theme's border style (solid, dashed, or dotted).
- Rotate media on scroll - rotates the media in a single gentle sweep as visitors scroll past. Stays still for visitors who prefer reduced motion and in browsers without scroll animation support. Switch it on to choose an Animation speed and Animation direction.
Scroll marker
- Scroll marker - None, Line, or Line with marker. Draws a line down the gutter between the two halves; Line with marker adds a mark that tracks the visitor's scroll position. Desktop only.
- Marker - Star, Circle, or Custom image. Custom reveals a Marker image picker; a simple mark on a transparent background works best (recommended: 200x200px .png).
The marker only moves with scroll when the Motion setting is on; it always stays still for visitors who prefer reduced motion.
This section also uses the standard Color scheme, Content style, and Framing text settings described in Theme settings.
Blocks
| Block | What it does |
|---|---|
| Heading | Choose a heading tag. |
| Text | A simple text block. |
| Button(s) | Optionally show a second button alongside the first. |
| Image | Adjustable image width, plus an Image shape crop (Square, Pill, Arch, or Circle) with an optional border in the theme's border style. |
| Collapsible row | Great for FAQs, shipping info, and other tab-style content. |
| Icons with text | A group of icon and label pairs. Add an Icon with text block inside it for each pair: choose an icon (or upload a custom one), an icon size, and a text label, each with its own Content style and color scheme. The group sets the layout (Standard, Inline, or Columns), columns on mobile, the gap between items, and card styling for the whole set. |
| Numbers | A group of stats. Add a Number block inside it for each number and label pair. The group has the same layout, gap, and card styling controls as Icons with text. |
| Stars | Set a rating from 1 to 5. |
| Countdown | Set an end date and time, plus a message to show once it's expired. |
| Newsletter | A signup form. |
| Rotating element | A rotating badge of text or an image. |
| Custom liquid | Add your own Liquid code. |