Zeppelin StudioOpaline
  1. Docs
  2. Sections
  3. Storytelling

Storytelling

Editorial grid

A grid of image tiles with overlines and headings, for stories, guides or behind-the-scenes content. Labels can sit on liquid glass.

4 section settings1 block type · 12 settingsAvailable on every template
ChapterChapterChapter12
  1. 1Cards with a photo each
  2. 2Caption and link, in glass

Add the section#

Available on every template.

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

Settings#

General

Liquid glass effect (labels + chips)
Toggle

Turn on or off.

Default: On
Space between tiles
Slider
Default: 20pxFrom 0 to 48px, in steps of 2
Color scheme
Color scheme

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

Default: Scheme 1
Tiles share equal columns, up to three, each with its own glass caption.
Heading typeface
Dropdown

Theme default follows the section heading font chosen in Theme settings > Typography.

Default: Theme defaultHeading fontBody fontSans-serif heading font

Blocks#

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

Tile#

General

Image
Image

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

Link
Link

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

Text

Overline
Text

The text shown in this place.

Heading
Text

The text shown in this place.

Overline size
Slider
Default: 100%From 60 to 200%, in steps of 5
Heading size
Slider
Default: 100%From 60 to 220%, in steps of 5
Text color
Color

Pick a color, or type its hex code.

Default: #FFFFFF
Text position
Dropdown
Default: Bottom leftTop leftTop centerMiddle centerBottom center

Button

Button label
Text

The text shown in this place.

Button style
Dropdown
Default: UnderlinedOutlineSolidLiquid glass
Button color
Color

Pick a color, or type its hex code.

Default: #FFFFFF
Button text color
Color

Pick a color, or type its hex code.

Default: #151515