Featured icon with text
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
Add featured icon with text
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.
Select icon
Choose an icon or upload your own to display next to the featured text.
Click Featured icon with text block to find settings
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 text
Add a heading and multiple lines of rich text to highlight product details or promotions.
Click Featured icon with text block to find settings
Heading
Add text to display a title at the top.
Text
Enter multiple lines of rich text.
Default: "Use this text to highlight..."
Add link
Add a link to redirect visitors to another page when they click the block.
Click Featured icon with text block to find settings
Link
Enter the page or URL that you want to link to.
Change colors
Change the colors of the icon, text, and background, or add a gradient background.
Click Featured icon with text block to find settings
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.
Add bottom padding
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
Bottom padding
Add spacing below the block
1 - 50px
Default: 36px
Last updated
Was this helpful?