Featured collection
Placement and available controls for the Featured collection block.
Where to find it
Open the parent section and use Add block where this block is offered.
Usage notes
Gradient headings use a balanced left-to-right direction.
Editor controls
Conditional controls appear after choosing the relevant source, style or option. Saved values may differ from new defaults.
- Heading
- Edit the text and use supported inline formatting.
- Collection
- Select the collection this component should use.
- Products
- Adjust within the range offered by the theme editor.
- Show view all link
- Enable or disable this option and preview the result.
- View all labelConditional
- Edit the text shown by this component.
- Show product badge
- Enable or disable this option and preview the result.
- Badge textConditional
- Edit the text shown by this component.
- Show ratings
- Enable or disable this option and preview the result.
- Rating sourceConditional
- Choose the presentation or source that fits this component.
- Static ratingConditional
- Adjust within the range offered by the theme editor.
- Static review countConditional
- Edit the text shown by this component.
- Show rating numberConditional
- Enable or disable this option and preview the result.
- Show vendor
- Enable or disable this option and preview the result.
- Content width
- Choose the presentation or source that fits this component.
- Desktop columns
- Adjust within the range offered by the theme editor.
- Mobile columns
- Choose the presentation or source that fits this component.
- Heading alignment
- Use the matching control in the theme editor and preview the component before publishing.
- Use premium minimal cards
- Enable or disable this option and preview the result.
- Image radius
- Adjust within the range offered by the theme editor.
- Image ratio
- Choose the presentation or source that fits this component.
- Image fit
- Choose the presentation or source that fits this component.
- Image position
- Choose the presentation or source that fits this component.
- Image inner spacingConditional
- Adjust within the range offered by the theme editor.
- Enable image slider
- Enable or disable this option and preview the result.
- Show second image on hoverConditional
- Enable or disable this option and preview the result.
- Show hover image button
- Enable or disable this option and preview the result.
- Button labelConditional
- Edit the text shown by this component.
- Custom button linkConditional
- Leave blank to open each product.
- Show on touch devicesConditional
- Enable or disable this option and preview the result.
- Button styleConditional
- Choose the presentation or source that fits this component.
- Button backgroundConditional
- Choose a local color when the relevant custom source is enabled.
- Button textConditional
- Choose a local color when the relevant custom source is enabled.
- Button hover backgroundConditional
- Choose a local color when the relevant custom source is enabled.
- Color source
- Choose the presentation or source that fits this component.
- 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.
- Image backgroundConditional
- 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.
- Rating stars
- Choose a local color when the relevant custom source is enabled.
- Badge backgroundConditional
- Choose a local color when the relevant custom source is enabled.
- Badge textConditional
- Choose a local color when the relevant custom source is enabled.
- Accent style
- Choose the presentation or source that fits this component.
- Accent colorConditional
- Choose a local color when the relevant custom source is enabled.
- Gradient startConditional
- Choose a local color when the relevant custom source is enabled.
- Gradient endConditional
- Choose a local color when the relevant custom source is enabled.