02GENERAL

Maps and surfaces

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

WHAT IT DOES

Maps and surfaces

This page explains how “Maps and surfaces” 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

Surfaces and panels

Background of surfacessurface_color

Basis of panels, visual dividers, tables and fallback funds.

Default: #FFFFFF

Border of surfacessurface_border_color

This color remains independent of the background of the surfaces.

Default: #FFF9F6

Discrete border opacitysurface_border_opacity

Default: 14 · Range: 0–70%

Opacity of active borderssurface_border_strong_opacity

Default: 24 · Range: 0–100%

Cards

Background of the cardscard_background_color

Default: #71575B

Card bordercard_border_color

This color never modifies the background of the cards.

Default: #FFF9F6

Rounding of cardscard_corner_radius

Default: 26 · Range: 0–40px

Discrete border opacitycard_border_opacity

Default: 14 · Range: 0–50%

Opacity of active borderscard_border_strong_opacity

Default: 24 · Range: 0–70%

Shadow

Show card shadowcard_shadow_enabled

Default: enabled

Intensitycard_shadow_opacity

Default: 22 · Range: 0–80%

Blurcard_shadow_blur

Default: 56 · Range: 0–80px

Horizontal positioncard_shadow_x

Default: 0 · Range: -20–20px

Vertical positioncard_shadow_y

Default: 20 · Range: -20–40px

COMPOSITION

Available blocks

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

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.