Multi-content

The Multi-content section is a flexible layout that allows you to stack and arrange multiple content blocks—such as text, images, buttons, icons, and media—within a single customizable section. It’s ideal for building rich, editorial-style layouts, storytelling sequences, or dynamic promotional areas on your storefront.

Section settings

General settings

Setting
Description

Section width

3 options for container

  • Stretch width: span the section width regardless of screen size.

  • Fixed width: depends on your page content width in Theme settings -> Layout.

  • Full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.

Subheading

The subheading of the section

Enable heading underline animation

Turn on an animated underline effect for headings. Switch off to keep a static look.

Underline style

Choose the underline’s look. Include:

  • Include: Simple underline – Clean straight line beneath the text.

  • Curve stroke: Soft, hand-drawn curved stroke for a casual feel.

  • Squiggle underline: Wavy line for a lively, attention-grabbing look.

* Note: Only appears when Enable heading underline animation is enabled

Underline color

Pick the color used for the underline. * Note: Only appears when Enable heading underline animation is enabled

Heading

The title of the section

Description

The description of the section

Heading size

The size of the title:

  • Small

  • Medium

  • Large

Alignment

The position of the heading and description.

  • Left

  • Center

  • Right

Column gap

4 options for column gap

  • No gap

  • Small

  • Medium

  • Large

Mobile options

Setting
Description

Enable carousel on mobile

This setting is used for enabling the carousel layout on mobile

Items per row

Number of columns to display on mobile screen.

Section padding

Setting
Description

Top

Customize the top margin of the section

Bottom

Customize the bottom margin of the section

Section divider

Setting
Description

Show divider

Display a dividing line to separate from the previous section

Last updated