Icon

Add an Icon and line of text in the product form to help promote features and offers

The Icon block is a visually engaging content element used to highlight key features, services, or selling points. It supports a wide selection of icons or custom images, optional supporting text, and flexible layout controls perfect for showcasing brand values or unique product benefits.

Picture depicting the Icon block of the product pages section
Settings
Type
Description

Icon

select

Choose from a wide variety of pre-defined icons: Star, Gift, Truck, and etc.

Alternative icon/image

image_picker

Upload a custom image or icon. Recommended: .svg, 160×160px. Learn more

Size

range

Controls icon/image size.

Icon color

color

Select a custom color for the icon (ignored if using a custom image).

Text

richtext

Add a short message or title below the icon. Supports basic HTML formatting.

Text size

select

Controls font size for text content. Applies to text set as a paragraph: Extra small, Small, Medium, Large, or Extra large.

Layout

Width

select

Sets block width: Full width, Half, One third, or One quarter of container.

Padding

Bottom

range

Sets the spacing below the block.

Notes

  • Perfect for feature rows, highlights, or callout sections.

  • Supports both Shopify’s icon set and brand-aligned custom imagery.

  • Responsive across different layouts with flexible width options.

Last updated