Icon list

A compact trust or benefit strip built from icon item blocks.

Merchant-addable
Yes
Settings
6
Block types
1
File
sections/icon-list.liquid

Screenshots pending

Captures for Icon list at desktop and mobile widths are generated from a live store by npm run shots. They appear here automatically once that has run.

When to use it

Directly under a hero, or above the footer, as a reassurance band.

Setting it up

  1. Add the section.
  2. Add an Icon item block per point.
  3. Set Appearance.

Where the content comes from

Blocks own the icons and labels.

Notes and cautions

  • Three to five items. More reads as noise and none of them get read.

Section settings

Every setting on the section itself, in the order it appears in the theme editor. Group headings match the editor's own grouping.

Appearance

Color schemeColor scheme
ID
color_scheme
Default
scheme-1
Top paddingSlider
ID
padding_top
Default
36
Range
0px to 100px, in steps of 4px
Bottom paddingSlider
ID
padding_bottom
Default
36
Range
0px to 100px, in steps of 4px

Blocks

Blocks are added, reordered, duplicated, and removed inside the section. Each type has its own settings.

Icon item icon_item

IconImage
ID
icon
HeadingText
ID
heading
Default
Feature Title
DescriptionRich text
ID
description
Default
<p>Add a short description about this feature.</p>