Banner Image

File: sections/image-banner.liquid

Templates: page.contact.json

Description

Image Banner

Displays a simple full-width banner image as a background with responsive vertical padding. Includes a decorative textured bottom border. The banner contains no text or overlay — it serves purely as a visual divider or hero image element.

Features:

• Configurable banner image via Shopify image picker
• Background image displayed via inline style (cover, centered)
• Responsive padding (py-16 on mobile, py-20 on sm, py-24 on md)
• Decorative bottom border via ‘has-texture-border-bottom’ class
• ARIA role=“img” with label for accessibility

Settings:

• image (image_picker) — The banner image to display

Blocks: None

Settings

ID	Type	Label	Default	Info
image	image_picker	Banner Image

Presets

• Banner Image

Usage

This section can be added via the Shopify theme editor.

{% section 'image-banner' %}