02GENERAL

Images and media

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

Images and media

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

What the theme does automatically

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

Understand the settings

Shape

Default roundingimage_corner_radius

Banners and cards that have their own shape remain priority.

Default: 0 · Range: 0–40px
Default paddingimage_default_fit
Default: cover · Options: Fill the frame, Show full image

Border

Border colorimage_border_color
Default: #171214
Border Opacityimage_border_opacity
Default: 0 · Range: 0–100%
Border thicknessimage_border_width
Default: 0 · Range: 0–4px

Loading and interaction

Bottom before loadingimage_placeholder_color
Default: #221A1D
Background Opacityimage_placeholder_opacity
Default: 0 · Range: 0–100%
Discreet zoom on hoverimage_hover_zoom_enabled
Default: enabled
Zoom intensityimage_hover_zoom
Default: 103 · Range: 100–112%

Available blocks

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

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.