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.
- 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.
- Heading accent color source
- Global accent styling is managed in Theme settings > Typography; choose Custom for a local color.
- 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.
- Color source
- Theme colors follow Theme settings > Colors. Other sources apply only to this section.
- 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.
- 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.