Featured icon with text
Last updated
Was this helpful?
Last updated
Was this helpful?
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.
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 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 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 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
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
to design different page layouts.
to show page-specific content in the same template.
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 to learn more.
