04GENERAL

Responsive media

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

WHAT IT DOES

This page explains how “Responsive media” 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

Videovideo

Video takes priority over images.

Pictureimage

Mobile imagemobile_image

Alternative textimage_alt

Describe the picture. Leave blank only if it is decorative.

Legendcaption

Ratioratio

Default: natural · Options: Natural, Square, Portrait, Landscape

Positionimage_position

Default: center · Options: Center, Top, Bottom, Left, Right

Radiusradius

Default: 20 · Range: 0–48px

Responsive sizessizes

Sizes attribute passed to the browser.

Default: (min-width: 990px) 50vw, 100vw

Priority loadingeager

To be reserved for the main media visible upon opening the page.

Default: disabled

Video autoplayautoplay

Disable it to save resources and display controls.

Default: disabled

Show video controlsshow_controls

Default: enabled

COMPOSITION

This section has no reorderable blocks. Its content is controlled by its settings and related Shopify data.

CHECKS