Featured icon with text
Product overview block
Last updated
Product overview block
Last updated
Use the Featured icon with text to highlight key product details or promotions.
Show a default or custom Icon
Add a heading and text
Change the background color
Make the block a clickable link
Under Product overview, click (+) Add block and select Featured icon with text. Use the drag-and-drop handles ⋮⋮ to re-order blocks. Click the block to start adding content.
Editing a template will change all pages that use that template.
Create and assign new templates to design different page layouts.
Add dynamic content to show page-specific content in the same template.
Choose an icon or upload your own to display next to the featured text.
Click Featured icon with text block to find settings
| Setting | Description | Options |
|---|---|---|
Icon | Choose from 40+ free icons. | Default: Checkmark |
Custom icon image | Upload your own icon image to display next the heading. We recommend a PNG image with a transparent background and minimum dimensions of 50px by 50px. |
Add a heading and multiple lines of rich text to highlight product details or promotions.
Click Featured icon with text block to find settings
| Setting | Description | Options |
|---|---|---|
Heading | Add text to display a title at the top. | |
Text | Enter multiple lines of rich text. | Default: "Use this text to highlight..." |
Add a link to redirect visitors to another page when they click the block.
Click Featured icon with text block to find settings
| Setting | Description |
|---|---|
Link | Enter the page or URL that you want to link to. |
Change the colors of the icon, text, and background, or add a gradient background.
Click Featured icon with text block to find settings
| Setting | Description | Options |
|---|---|---|
Link | Choose the page or URL that you want to link to. | |
Icon | Select the color of the icon. | |
Text | Select the color of the text. | Default: #222 |
Background | Select the color of the background. | Default: #EDF2EA |
Background gradient | Add a color overlay that fades across a range of hues. You can choose the style, angle, position, and opacity of the gradient. See Shopify's color gradient guide ↗ to learn more. |
Use Bottom padding to adjust the layout of the product overview section by adding spacing between blocks.
Click Featured icon with text block to find settings
| Setting | Description | Options |
|---|---|---|
Bottom padding | Add spacing below the block | 1 - 50px Default: 36px |
