Side-by-side section with image (or gallery) and text content. Supports single and gallery modes, videos, curved edges and many content blocks.
Image with Text
The Image with Text section displays a media element (image, video or multi-image gallery) on one side and text content on the other. It is one of the most versatile sections in the theme, usable for storytelling, product showcasing or brand presentation.
2 image modes
| Mode | Description | Ideal for |
|---|---|---|
| Single | A single image or video | Product presentation, simple storytelling |
| Gallery | Multi-image gallery with creative presets | Lookbooks, portfolios, visual presentations |
Single mode
Media types
| Type | Description |
|---|---|
| Image | Static image with lazy loading and srcset |
| Video | Shopify video in autoplay, muted and looping |
Curved Edge
Single mode offers a unique curved edge effect on the image:
| Setting | Description | Options |
|---|---|---|
| Enable curved edge | Activates the curve effect on the media | On / Off |
| Intensity | Curve strength | Subtle / Medium / Bold / Extreme |
| Style | Curve shape | Symmetric / Wave Bottom / Wave Top / Bubble |
💡The curved edge effect is a signature design element of Scale Theme. It adds a premium touch without overloading the page. Prefer the Medium intensity for an elegant effect.
Gallery mode
Gallery mode replaces the single image with an interactive multi-image composition. 10 presets are available:
| Preset | Description |
|---|---|
| Collage | Artistic magazine-style layout |
| Overlap Cards | Overlapping cards with animation |
| Grid | Regular image grid |
| Polaroid Stack | Polaroid stack effect |
| Floating Orbit | Floating images in orbit |
| Split Reveal | Two-part reveal |
| Diagonal Cascade | Diagonal cascade |
| Frame in Frame | Image within a frame |
| Masonry | Compact masonry layout |
| Showcase Hero | One large image with thumbnails |
Gallery settings
| Setting | Description | Options | Default |
|---|---|---|---|
| Mobile layout | Behavior on mobile | Adapt / Stack / Slider / Hero only | Adapt |
| Slider type | If slider, navigation type | CSS / Navigation | CSS |
| Arrows | Show arrows (navigation slider) | On / Off | On |
| Dots | Show dots (navigation slider) | On / Off | On |
| Click animation | Effect on image click | Shuffle / Flip / Pop / Lift / None | Shuffle |
Main settings
Layout
| Setting | Description | Options | Default |
|---|---|---|---|
| Image ratio | Media proportions | Adapt / Square / Landscape / Landscape Wide / 16:9 / Portrait / Portrait Tall | Adapt |
| Image width | Width percentage for the image | 20-80% | 50% |
| Border radius | Corner rounding | 0-50px | 8px |
| Position | Image on left or right | Image first / Text first | Image first |
| Layout style | Container appearance | Normal / Card | Normal |
| Remove gap | Remove the gap between image and text | On / Off | Off |
| Max text width | Maximum width of the text block | 300-1000px | 700px |
Text alignment
| Setting | Description | Options | Default |
|---|---|---|---|
| Desktop vertical position | Vertical text alignment | Top / Middle / Bottom | Middle |
| Desktop alignment | Desktop horizontal alignment | Left / Center / Right | Left |
| Mobile alignment | Mobile horizontal alignment | Left / Center / Right | Left |
Available blocks
| Block | Description | Limit |
|---|---|---|
| Heading | Main title (H1 to H4) with adjustable size | - |
| Text | Rich text paragraph | - |
| Button | CTA button with link and style | - |
| Icon List | Icon list with text (shipping, warranty, etc.) | - |
| Tabs Content | Content organized in tabs | - |
| Multi Image | Image for the gallery (Gallery mode only) | - |
| App | Shopify app block | - |
| Custom Liquid | Custom Liquid code | - |
Use cases
Brand presentation
- Single mode with lifestyle image
- Blocks: Heading + Text + Button
- Text first position (text on left, image on right)
- Vertical alignment Middle
Enriched product page
- Single mode with product image
- Curved edge enabled in Symmetric style
- Blocks: Heading + Icon List (product benefits) + Button
- Image width at 60%
Lookbook / Portfolio
- Gallery mode with Collage or Overlap Cards preset
- 3-5 Multi Image blocks
- Text blocks: Heading + Text
- Shuffle click animation for interactivity
About page
- Gallery mode with Polaroid Stack preset
- Team or behind-the-scenes photos
- Blocks: Heading + Text + Button to contact
- Gap removed for an immersive look
⚠️In Gallery mode, the recommended number of images depends on the preset. For example, Collage works best with 3-5 images, while Grid can accommodate more. Too few images in a complex preset can produce an incomplete look.
ℹ️The Image width setting (20-80%) controls the distribution between the media and text. At 50%, the split is equal. At 70%, the image visually dominates -- ideal for product pages where the visual is paramount.