Community stories

Layout, content and available controls for Community stories.

Scale Theme · v1.9.3 · 1 min read

Where to find it

Add this section from the theme editor on a supported template.

Available content blocks

Story

Editor controls

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

Story layout: Choose the presentation or source that fits this component.Options: Paired images with glass reviews · Shoppable vertical videos · Image and review cards
Heading: Edit the text and use supported inline formatting.
Description: Edit the text shown by this component.
Eyebrow pill: Edit the text shown by this component.
Button label: Edit the text shown by this component.
Button link: Choose the destination for this link or button.
Button style: Choose the presentation or source that fits this component.Options: Section default · Tertiary — animated
Heading alignment: Choose the presentation or source that fits this component.Options: Left · Center
Card outer side spacingConditional: Adjust within the range offered by the theme editor.
Section background width: Choose the presentation or source that fits this component.Options: Inset card · Full width
Content width: Adjust within the range offered by the theme editor.
Side spacing: Adjust within the range offered by the theme editor.
Desktop cards: Adjust within the range offered by the theme editor.
Mobile card width: Adjust within the range offered by the theme editor.
Card gap: Adjust within the range offered by the theme editor.
Card radius: Adjust within the range offered by the theme editor.
Image ratio: Choose the presentation or source that fits this component.Options: Portrait · Tall video · Landscape
Color source: Theme colors follow Theme settings > Colors. Other sources apply only to this section.Options: Use theme colors · Choose a color scheme · Set custom colors
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.
TextConditional: Choose a local color when the relevant custom source is enabled.
AccentConditional: Choose a local color when the relevant custom source is enabled.
Accent textConditional: Choose a local color when the relevant custom source is enabled.
Card backgroundConditional: Choose a local color when the relevant custom source is enabled.
BorderConditional: Choose a local color when the relevant custom source is enabled.
Heading size: Adjust within the range offered by the theme editor.
Mobile heading size: Adjust within the range offered by the theme editor.
Vertical spacing: Adjust within the range offered by the theme editor.
Autoplay visible videos: Muted; pauses outside the viewport and respects reduced motion.
Show arrow controls: Enable or disable this option and preview the result.
Display section ID: Enable or disable this option and preview the result.
Display on: Choose the presentation or source that fits this component.Options: All devices · Desktop only · Mobile only
Transformation card widthConditional: Adjust within the range offered by the theme editor.
Overlay title size: Adjust within the range offered by the theme editor.
Overlay text size: Adjust within the range offered by the theme editor.