Skip to documentation

Featured Cards

Layout, content and available controls for Featured Cards.

Where to find it

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

Available content blocks

  • Card

Editor controls

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

Display section ID
ID is used in the Sections group section to create anchor links. Toggle on to show a copy button on this section.
Display on
Choose the presentation or source that fits this component.Options: All devices · Desktop only · Mobile only
Heading
Use bold or italic in this heading to apply the global Heading DNA accent style. Change it in Theme settings > Typography.
Accent effect
Highlight adds a slanted color plate behind bold or italic heading text. The existing accent color controls set its background.Options: Theme setting · Highlight
Heading accent color source
Global accent styling is managed in Theme settings > Typography; choose Custom for a local color.Options: Heading DNA · Custom
Custom accent colorConditional
Choose a local color when the relevant custom source is enabled.
Heading Size
Adjust within the range offered by the theme editor.
Heading Weight
Choose the presentation or source that fits this component.Options: Regular · Medium · Semi Bold · Bold
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.
Card textConditional
Choose a local color when the relevant custom source is enabled.
Card overlayConditional
Choose a local color when the relevant custom source is enabled.
Heading ColorConditional
Choose a local color when the relevant custom source is enabled.
Card Title Weight
Choose the presentation or source that fits this component.Options: Regular · Medium · Semi Bold · Bold · Extra Bold
Card Height (Desktop)
Adjust within the range offered by the theme editor.
Card Height (Mobile)
Adjust within the range offered by the theme editor.
Enable Text Blur Background
Adds a frosted glass blur effect behind the card text overlay.
Blur Strength
Adjust within the range offered by the theme editor.
Background ColorConditional
Choose a local color when the relevant custom source is enabled.
Top Padding
Adjust within the range offered by the theme editor.
Bottom Padding
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 ↗