Skip to documentation

Collapsible Tabs

Placement and available controls for the Collapsible Tabs block.

Where to find it

Open the parent section and use Add block where this block is offered.

Editor controls

Conditional controls appear after choosing the relevant source, style or option. Saved values may differ from new defaults.

Color source
Theme colors use Color DNA, Color scheme uses a shared Shopify preset, and Custom affects only this block.Options: Theme colors · Color scheme · Custom
Color schemeConditional
Choose an available Shopify color scheme.
BackgroundConditional
Choose a local color when the relevant custom source is enabled.
HeadingConditional
Choose a local color when the relevant custom source is enabled.
ContentConditional
Choose a local color when the relevant custom source is enabled.
Icons and hoverConditional
Choose a local color when the relevant custom source is enabled.
Border and separatorsConditional
Choose a local color when the relevant custom source is enabled.
Question vertical padding
Adjust within the range offered by the theme editor.
Question horizontal padding
Adjust within the range offered by the theme editor.
Content bottom padding
Adjust within the range offered by the theme editor.
Mobile question vertical padding
Adjust within the range offered by the theme editor.
Mobile question horizontal padding
Adjust within the range offered by the theme editor.
Mobile content bottom padding
Adjust within the range offered by the theme editor.
Top margin
Adjust within the range offered by the theme editor.
Bottom margin
Adjust within the range offered by the theme editor.
Mobile top margin
Adjust within the range offered by the theme editor.
Mobile bottom margin
Adjust within the range offered by the theme editor.
Border width
Adjust within the range offered by the theme editor.
Border style
Choose the presentation or source that fits this component.Options: None · Solid · Dashed · Dotted
Border color
Choose a local color when the relevant custom source is enabled.
Dash lengthConditional
Adjust within the range offered by the theme editor.
Dash gapConditional
Adjust within the range offered by the theme editor.
Corner radius
Adjust within the range offered by the theme editor.
Question size
Adjust within the range offered by the theme editor.
Mobile question size
Adjust within the range offered by the theme editor.
Content size
Adjust within the range offered by the theme editor.
Mobile content size
Adjust within the range offered by the theme editor.
Question weight
Choose the presentation or source that fits this component.Options: Regular · Medium · Semi bold · Bold
Icon size
Adjust within the range offered by the theme editor.
Mobile icon size
Adjust within the range offered by the theme editor.

Still need a hand?

Send support your store domain, theme version, error code and what you tried. Keep authentication tokens out of public messages.

Contact Scale support ↗