Zeppelin StudioOpaline
  1. Docs
  2. Sections
  3. Storytelling

Storytelling

Multiple columns

Columns with an image, title and text, for benefits, values or services. On mobile the columns can become a swipeable row.

17 section settings1 block type · 5 settingsAvailable on every template. It cannot be placed in the header or footer
Made for everyday lifeColumnColumnColumn123
  1. 1Heading
  2. 2Columns: image, title and text
  3. 3Button

Add the section#

Available on every template. It cannot be placed in the header or footer.

  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 Multiple columns. Click the section in the sidebar to open its settings.
  5. Click Save in the top right corner when you are done.

Settings#

General

Overline
Text

A short line above the heading. Leave empty to hide it.

Heading
Rich text

Text on one line; bold, italic and links are kept.

Heading size
Dropdown
Default: MediumSmallLargeExtra largeExtra extra large

Image

Show images
Toggle

Turn off for columns of text only.

Default: On
Width
Dropdown
Default: Full width of columnOne-third width of columnHalf width of column
Ratio
Dropdown
Default: Adapt to imagePortraitSquareCircle

Button

Label
Text

Leave blank to hide

Link
Link

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

Layout

Columns
Slider
Default: 3From 1 to 6, in steps of 1
Column alignment
Dropdown
Default: LeftCenter
Secondary background
Dropdown
Default: Show as column backgroundNone
Color scheme
Color scheme

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

Default: Scheme 1

Mobile layout

Columns
Dropdown
Default: 12
Carousel
Toggle

Turn on or off.

Default: On

Padding

Top
Slider
Default: 36pxFrom 0 to 100px, in steps of 4
Bottom
Slider
Default: 36pxFrom 0 to 100px, in steps of 4
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.

Column#

General

Image
Image

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

Heading
Rich text

Text on one line; bold, italic and links are kept.

Description
Rich text

Formatted text: bold, italic and links are kept.

Link label
Text

Leave blank to hide

Link
Link

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