03GENERAL

Media and quotes

This page explains how “Media and quotes” actually behaves, which data it depends on, and what its settings change.

WHAT IT DOES

Media and quotes

This page explains how “Media and quotes” actually behaves, which data it depends on, and what its settings change.

IMPLICIT BEHAVIOR

What the theme does automatically

This section only displays elements that have content. Empty elements are ignored to preserve the layout.

CONFIGURATION

Understand the settings

Introductory content

Present the media selection with a eyebrow, title and text.

Eyebroweyebrow

Titleheading

Introductionintroduction

Presentation

Choose the layout, style and dimensions of the cards.

Presentationlayout

Default: ticker · Options: Continuous scrolling, Carousel, Grid

Card stylecard_style

Default: soft · Options: Minimal, Soft surface, Lightweight glass

Maximum width of logoslogo_width

Default: 190 · Range: 100–280px

Card widthcard_width

Default: 360 · Range: 260–480px

Animation

Adjust the speed of the banner or carousel autoplay.

Scroll durationticker_duration

Default: 45 · Range: 20–90s

Carousel autoplayautoplay

Default: disabled

Carousel Intervalautoplay_seconds

Default: 6 · Range: 3–10s

Navigation and empty state

Customize the accessible commands and the message displayed without quoting.

Previous wordingprevious_label

Next wordingnext_label

Text without contentempty_text

Spacing

Adjust the space above and below the section.

Top marginpadding_top

Default: 72 · Range: 0–120px

Bottom marginpadding_bottom

Default: 72 · Range: 0–120px

Section palette

Applies a consistent palette to the background, text, and buttons in this section.

Section appearance

Use a dedicated paletteopaline_use_color_scheme

Default: disabled

Paletteopaline_color_scheme

Default: scheme-1

Title

Alignment on desktopopaline_heading_alignment

Default: inherit · Options: Keep the design, Left, Center, Right

Spacing

Space after sectionopaline_section_spacing

Creates space between this section and the next. Mobile spacing adjusts automatically.

Default: 0 · Range: 0–160px

Left and right insetopaline_content_inset

Moves content away from the edges. Mobile spacing adjusts automatically.

Default: 0 · Range: 0–120px

COMPOSITION

Available blocks

Media and citationmedia

Add this block only when it provides useful information to the journey.

CHECKS

Before publishing

✓
Content remains readable in every color scheme.
✓
Labels match the storefront language.
✓
Displayed promotions match Shopify rules.
✓
Interactions remain accessible by keyboard and touch.