SaaSFlowDocs

Module · Features and content

Product Updates Showcase

Product updates or release highlights as cards.

60 settingsPagesBlog postsBlog listings

Where it is used

Content settings

What the module says and shows. Repeaters (groups you can add items to) are marked as such.

SettingTypeWhat it does
EyebrowTextSmall label above the heading. Leave empty to hide it.Default: Release notes
HeadingTextWrap words in [brackets] to highlight them.Default: Fresh from our [product team]
DescriptionRich textOptional text under the heading.
UpdatesRepeater · 9 settings

Each update in the list. The first one starts open.

TitleTextName of the update.Default: New feature
DescriptionRich textShown when the update is open. It stays in the page for search engines.
Link textTextLeave empty to hide the link.Default: Read the release note
LinkLinkWhere the link goes.
MediaChoiceWhat shows in the panel while this update is open.Options: ImageVideo fileDefault: Image
ImageImageA product screenshot, about 1200 x 900px. Transparent PNGs look best on the panel.
Video fileFileAn MP4 from the file manager. It plays muted and on a loop while this update is open.
Video cover imageImageShown before the video loads, and to visitors who turn off motion.
Media descriptionTextShort description of the image or video for screen readers. Leave empty if it only repeats the text.

Style settings

In the module's Styles tab: layout, color mode, background, fonts, spacing and animation.

SettingTypeWhat it does
LayoutGroup · 6 settings
Media sideChoiceWhich side the image panel sits on (desktop). On phones it sits under the list.Options: RightLeftDefault: Right
Media panel widthNumberShare of the width for the image panel (desktop).Default: 56
Panel shapeChoiceWidth to height of the image panel.Options: 4:316:1016:9SquareDefault: 4:3
Image fitChoiceHow images sit in the panel.Options: Whole image, with space around itFill the panel (may crop)Default: Whole image, with space around it
Glow in the panelOn/offA soft brand-color glow behind the image.Default: On
Panel colorColorBackground of the image panel. Leave empty for a soft tint of the highlight color that suits light and dark mode.
Moving onGroup · 5 settings
Move on by itselfOn/offOpens the next update after a few seconds, with a progress bar. Off for visitors who turn off motion.Default: On
Seconds per updateNumberHow long each update stays open.Default: 7
Pause on hoverOn/offWaits while a visitor points at or tabs into the section.Default: On
Show arrowsOn/offPrevious and next buttons on the panel.Default: On
Show pause buttonOn/offLets visitors stop the movement. Recommended for accessibility.Default: On
Update listGroup · 2 settings
Title sizeChoiceSize of the update titles.Options: SmallMediumLargeDefault: Medium
Marker colorColorDots and the progress bar. Leave empty to use the highlight color.
Color modeChoice"Same as site" follows Theme settings > Color mode.Options: Same as siteLightDarkDefault: Dark
Eyebrow styleChoice"Same as theme" follows Theme settings > Eyebrow.Options: Same as themePlain textPillGradient badgeDefault: Same as theme
Highlight colorColorColor of highlighted heading words, the list markers and links. Starts as the theme's primary color.
FontsGroup · 2 settings
Heading fontFontStarts as the theme's heading font. Change it to use another font in this module only.Default: Outfit
Text fontFontStarts as the theme's body font. Change it to use another font in this module only.Default: Inter
Transparent backgroundOn/offRemoves this section's background so the page background shows through. Useful for blending sections together.Default: Off
Background colorColorLeave empty to use the theme colors for the current light or dark mode.
Background effectGroup · 6 settings
Show background glowOn/offDefault: Off
IntensityNumberHow strong the glow is. 0% hides it.Default: 60
Flowing movementOn/offPlays an entrance animation. Visitors who turn off motion on their device don't see it.Default: On
Fade out at the top and bottomOn/offFades the glow out at the edges so it blends into the next section.Default: On
Glow color 1ColorLeave empty to use the theme primary color.
Glow color 2ColorLeave empty to use the theme accent color.
Background animationChoiceA subtle moving background behind this section. Brand colors only; still for visitors who turn off motion.Options: NoneSoft bubblesAurora glowDrifting dot gridRipplesDefault: None
Animation strengthNumberHow visible the background animation is.Default: 45
Number of bubblesNumberHow many bubbles float in this section. Phones show about half of them.Default: 6
Bubble arrangementNumber0: this section gets its own random arrangement. Pick any other number to shuffle the bubbles into a new one, for example if a bubble sits behind your text.Default: 0
SpacingGroup · 4 settings

Leave empty to use the theme section spacing (Theme settings > Layout).

Top padding (desktop)NumberSpace above the content on desktop.
Bottom padding (desktop)NumberSpace below the content on desktop.
Top padding (mobile)NumberSpace above the content on phones.
Bottom padding (mobile)NumberSpace below the content on phones.
Animate when scrolled into viewOn/offContent fades up as the section comes into view. Visitors who turn off motion on their device see no animation.Default: On

Interface labels

Words on buttons and for screen readers. Change them to translate the module.

SettingTypeWhat it does
Previous buttonTextLeft arrow.Default: Previous update
Next buttonTextRight arrow.Default: Next update
Pause buttonTextWhile moving on by itself.Default: Pause
Play buttonTextWhile paused.Default: Play

Tip

Headings support [brackets] to highlight words and | for a new line. See Editing tips.