Feature Tabs

What this section does

Interactive tabbed feature showcase with copy, bullets and images

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.

• Tabbed

  Freetabbed

  Horizontal tab bar above the feature panel

  Specific to this style: title, subtitle, tabs, accentColor, panelBgColor, stepNumberColor

• Vertical Tabs

  Freevertical-tabs

  Vertical tab list on the left, panel on the right

  Specific to this style: title, subtitle, tabs, accentColor, panelBgColor, stepNumberColor

• Accordion

  Page Editoraccordion

  Expandable rows on the left with the active panel image on the right

  Specific to this style: title, subtitle, tabs, accentColor, panelBgColor, stepNumberColor

• Carousel

  Page Editorcarousel

  One feature panel at a time with prev/next controls and dots

  Specific to this style: title, subtitle, tabs, accentColor, panelBgColor, stepNumberColor

• Floating Pill Media

  Page Editorfloating-pill-media

  Full-bleed media with a floating pill tab-bar overlay

  Specific to this style: title, subtitle, tabs, accentColor, panelBgColor, stepNumberColor

• Media + List

  Page Editormedia-split-list

  Large media on one side, clickable tab list on the other

  Specific to this style: title, subtitle, tabs, accentColor, panelBgColor, stepNumberColor

• Underline Top + Media

  Page Editorunderline-top-media

  Centered underline tab row across the top, then a wide framed panel with copy and a large media

  Specific to this style: title, subtitle, tabs, accentColor, panelBgColor, stepNumberColor

• Numbered Steps + Sticky Media

  Page Editornumbered-step-sticky

  Clickable numbered step rows on the left, a single large sticky media on the right that swaps per step

  Specific to this style: title, subtitle, tabs, accentColor, panelBgColor, stepNumberColor

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