Image Section

File: sections/image.liquid

Templates: page.dolphin-energy.json

Description

Image Section

Renders a single centered image with optional alt text. Falls back to the current page title for accessibility if no alt text is provided.

Features:

• Centered, responsive image display (max-w-5xl)
• Custom alt text with page-title fallback
• Conditionally hidden when no image is selected

Settings:

• head_image (image_picker) — The image to display
• alt_text (text) — Custom alt text; defaults to page title

Blocks: None

Snippets Used: None

Dependencies: None

Tailwind Status: Full Layout and spacing use Tailwind utility classes.

Settings

ID	Type	Label	Default	Info
head_image	image_picker	Header Image
alt_text	text	Alt Text

Presets

• Image Section

Usage

This section can be added via the Shopify theme editor.

{% section 'image' %}