Stacked chapters — Opaline documentation

Full-screen chapters that stack on top of each other as visitors scroll, each with an image or video, a title, text and glass tags.

Add the section#

Available on every template.

From your Shopify admin, go to Online Store > Themes, then click Customize next to Opaline.
Use the page selector at the top of the editor to open the template you want to change.
In the sidebar, click Add section where you want it to appear.
Select Stacked chapters. Click the section in the sidebar to open its settings.
Click Save in the top right corner when you are done.

General

Each chapter is a full-bleed plate. As you scroll, the next one rises over the last and the stack builds up.

Overline
Text

The text shown in this place.

Heading
Rich text

Formatted text: bold, italic and links are kept.

Chapter title size
Slider

Default: 100%From 60 to 180%, in steps of 5

Image darkening
Slider

Default: 40%From 0 to 80%, in steps of 5

Depth of the stack
Slider

How far a plate pulls back once the next one covers it.

Default: 100%From 0 to 100%, in steps of 5

Color scheme
Color scheme

The color scheme of the section. Schemes are set under Theme settings > Colors.

Default: Scheme 1

Click Add block under the section in the sidebar to add one, then drag blocks to reorder them.

Up to 6 per section

General

Image
Image

Select an image from your Files, or upload a new one.

Video
Video

Plays muted and looped. Takes over from the image.

Kicker
Text

The text shown in this place.

Title
Rich text

Formatted text: bold, italic and links are kept.

Text
Rich text

Formatted text: bold, italic and links are kept.

Glass tag 1
Text

The text shown in this place.

Glass tag 2
Text

The text shown in this place.

Glass tag 3
Text

The text shown in this place.

Link label
Text

The text shown in this place.

Link
Link

Where the link leads: a product, a collection, a page, or any web address.