Documentation/ Sections /Back to top
Contact us
Install
03GENERAL

Back to top

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

WHAT IT DOES

Back to top

This page explains how “Back to top” 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

Display and position

Activate the button, choose its location and set when it appears.

Enable buttonenabled
Default: enabled
Positionposition
Default: right · Options: Right, On the left
Show labelshow_label
Default: disabled
Accessible wordinglabel
Show afterthreshold

The button appears after scrolling this distance from the top of the page.

Default: 400 · Range: 100–1200px
Bottom offsetbottom_offset
Default: 32 · Range: 16–120px
Lateral shiftside_offset
Default: 24 · Range: 8–80px
Button sizebutton_size
Default: 52 · Range: 40–72px

Liquid glass

Customize the colors, transparency, blur and shadow of the glass surface.

Use custom colorsuse_custom_colors
Default: disabled
Glass colorbackground_color
Default: #FFFFFF
Icon colorforeground_color
Default: #171717
Glass Opacitybackground_opacity
Default: 45 · Range: 0–100%
Border Opacityborder_opacity
Default: 25 · Range: 0–100%
Blur intensityblur_strength
Default: 18 · Range: 0–40px
Shadow intensityshadow_strength
Default: 60 · Range: 0–100%

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

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

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.