Info Columns

What this section does

Tagged intro, titled bullet-list columns, and an optional callout box

Where it goes

• Can be used as many times as you like on one page.
• This section is in every plan — no extra plugin needed.

Styles

Different looks for the same section. You can change the style later; your content stays as it is.

The first 2 styles of every section are open on every store. The rest unlock with the Page Editor plugin — all at once, not style by style.

• Columns + Callout

  Freecolumns-with-callout

  Tagged intro, a row of titled bullet-list columns, and a highlighted callout box

  Specific to this style: title, subtitle, tags, columns, showCallout, calloutTitle, calloutItems, columnCount

• Plain Columns

  Freeplain-columns

  Titled bullet-list columns without the callout box

  Specific to this style: title, subtitle, tags, columns, showCallout, calloutTitle, calloutItems, columnCount

• Numbered

  Page Editornumbered

  Editorial layout with a large 01/02/03 number above each column

  Specific to this style: title, subtitle, tags, columns, showCallout, calloutTitle, calloutItems, columnCount

• Compact Tiles

  Page Editorcompact-tiles

  Centered icon tiles with list items shown as small chips

  Specific to this style: title, subtitle, tags, columns, showCallout, calloutTitle, calloutItems, columnCount

• Dark Panel

  Page Editordark-panel

  Dark themed panel with glassy column cards

  Specific to this style: title, subtitle, tags, columns, showCallout, calloutTitle, calloutItems, columnCount

• Zigzag Rows

  Page Editorzigzag-rows

  Each column becomes a full-width row with the icon panel alternating left/right

  Specific to this style: title, subtitle, tags, columns, showCallout, calloutTitle, calloutItems, columnCount

• Horizontal Timeline

  Page Editorhorizontal-timeline

  Columns laid out as connected steps along one horizontal line

  Specific to this style: title, subtitle, tags, columns, showCallout, calloutTitle, calloutItems, columnCount, showConnector

Settings

The fields you see in the Section Settings panel on the right when this section is selected.

Shared by every style

• bg
• contentMaxWidth
• sectionMaxWidth
• horizontalPadding
• verticalPadding
• verticalAlignment
• horizontalAlignment
• horizontalMargin
• verticalMargin
• spacingOverrides
• animationType
• animationDuration
• animationDelay
• animationEasing
• animationStagger
• animationRepeat
• animationParallax
• imageParallax
• animationScrollEffect
• height