Skip to documentation

Featured product

Layout, content and available controls for Featured product.

Where to find it

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

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
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
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.
BordersConditional
Choose a local color when the relevant custom source is enabled.
Card backgroundConditional
Choose a local color when the relevant custom source is enabled.
Card borderConditional
Choose a local color when the relevant custom source is enabled.
Product
Select a real product from this shop.
Width
Choose the presentation or source that fits this component.Options: Page · Full
Media position
Choose the presentation or source that fits this component.Options: Left · Right
Equal columns
Enable or disable this option and preview the result.
Limit product details widthConditional
Enable or disable this option and preview the result.
Gap
Adjust within the range offered by the theme editor.
Color schemeConditional
Choose an available Shopify color scheme.
Top
Adjust within the range offered by the theme editor.
Bottom
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 ↗